JS基本語(yǔ)法
表達(dá)式與語(yǔ)句
JavaScript 程序的執(zhí)行單位為行（line）页徐，也就是一行一行地執(zhí)行。一般情況下惕医，每一行就是一個(gè)語(yǔ)句浮入。
語(yǔ)句（statement）是為了完成某種任務(wù)而進(jìn)行的操作，比如下面就是一行賦值語(yǔ)句做粤。
var a = 1 + 3;
這條語(yǔ)句先用var命令浇借，聲明了變量a，然后將1 + 3的運(yùn)算結(jié)果賦值給變量a怕品。
1 + 3叫做表達(dá)式（expression）妇垢，指一個(gè)為了得到返回值的計(jì)算式。語(yǔ)句和表達(dá)式的區(qū)別在于肉康，前者主要為了進(jìn)行某種操作闯估，一般情況下不需要返回值；后者則是為了得到返回值吼和，一定會(huì)返回一個(gè)值涨薪。凡是 JavaScript 語(yǔ)言中預(yù)期為值的地方，都可以使用表達(dá)式炫乓。比如刚夺，賦值語(yǔ)句的等號(hào)右邊，預(yù)期是一個(gè)值末捣，因此可以放置各種表達(dá)式侠姑。
語(yǔ)句以分號(hào)結(jié)尾，一個(gè)分號(hào)就表示一個(gè)語(yǔ)句結(jié)束箩做。多個(gè)語(yǔ)句可以寫在一行內(nèi)结借。
var a = 1 + 3 ; var b = 'abc';
分號(hào)前面可以沒有任何內(nèi)容，JavaScript 引擎將其視為空語(yǔ)句卒茬。
;;;
上面的代碼就表示3個(gè)空語(yǔ)句船老。
表達(dá)式不需要分號(hào)結(jié)尾。一旦在表達(dá)式后面添加分號(hào)圃酵，則 JavaScript 引擎就將表達(dá)式視為語(yǔ)句柳畔，這樣會(huì)產(chǎn)生一些沒有任何意義的語(yǔ)句。
1 + 3; 'abc';
上面兩行語(yǔ)句只是單純地產(chǎn)生一個(gè)值郭赐，并沒有任何實(shí)際的意義薪韩。
表達(dá)式
- 1 + 2 為表達(dá)式确沸，值為3
- 表示為了得到返回值，一定會(huì)返回一個(gè)值
- 函數(shù)的值為它的返回值俘陷，比如 add(1, 2)罗捎，只有函數(shù)有返回值
- console.log 表達(dá)式的值為函數(shù)本身
- console.log(3) 表達(dá)式的值 為 undefined（返回值），打印 3
區(qū)別
- 表達(dá)式一般有值拉盾，語(yǔ)句可能有也可能沒有
- 語(yǔ)句一般會(huì)改變環(huán)境（聲明桨菜、賦值）
大小寫敏感
- var a 和 var A 是不同的
- object 和 Object 是不同的
- function 和 Function 是不同的
空格
大部分空格沒什么意義
- var a = 1 和 var a=1 沒有區(qū)別 （注意斷句）
- 加回車大部分時(shí)候沒有影響
- return 后面不能加回車
標(biāo)識(shí)符（identifier）
標(biāo)識(shí)符（identifier）指的是用來(lái)識(shí)別各種值的合法名稱。最常見的標(biāo)識(shí)符就是變量名捉偏，以及后面要提到的函數(shù)名倒得。JavaScript 語(yǔ)言的標(biāo)識(shí)符對(duì)大小寫敏感，所以a和A是兩個(gè)不同的標(biāo)識(shí)符夭禽。
標(biāo)識(shí)符有一套命名規(guī)則霞掺，不符合規(guī)則的就是非法標(biāo)識(shí)符。JavaScript 引擎遇到非法標(biāo)識(shí)符讹躯，就會(huì)報(bào)錯(cuò)菩彬。
簡(jiǎn)單說(shuō)，標(biāo)識(shí)符命名規(guī)則如下潮梯。
第一個(gè)字符挤巡，可以是任意 Unicode 字母（包括英文字母和其他語(yǔ)言的字母），以及美元符號(hào)（$）和下劃線（_）酷麦。
第二個(gè)字符及后面的字符，除了 Unicode 字母喉恋、美元符號(hào)和下劃線沃饶，還可以用數(shù)字0-9。
下面這些都是合法的標(biāo)識(shí)符轻黑。
arg0
_tmp
$elem
π
下面這些則是不合法的標(biāo)識(shí)符糊肤。
1a // 第一個(gè)字符不能是數(shù)字
23 // 同上
*** // 標(biāo)識(shí)符不能包含星號(hào)
a+b // 標(biāo)識(shí)符不能包含加號(hào)
-d // 標(biāo)識(shí)符不能包含減號(hào)或連詞線
中文是合法的標(biāo)識(shí)符，可以用作變量名氓鄙。
var 臨時(shí)變量 = 1;
JavaScript 有一些保留字馆揉，不能用作標(biāo)識(shí)符：
arguments、break抖拦、case升酣、catch、class态罪、const噩茄、continue、debugger复颈、default绩聘、delete、do、else凿菩、enum机杜、eval、export衅谷、extends椒拗、false、finally会喝、for陡叠、function、if肢执、implements枉阵、import、in预茄、instanceof兴溜、interface、let耻陕、new拙徽、null、package诗宣、private膘怕、protected、public召庞、return岛心、static、super篮灼、switch忘古、this、throw诅诱、true髓堪、try、typeof娘荡、var干旁、void、while炮沐、with疤孕、yield。
注釋
- 單行注釋 //
- 多行注釋 /**/
<pre class="cm-s-default" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">// 這是單行注釋 /* 這是 多行 注釋 */</pre>
區(qū)塊
- 使用大括號(hào)把代碼包在一起就是區(qū)塊
<pre class="cm-s-default" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">{ let a = 1; let b = 2; }</pre>
- 區(qū)塊代碼常與 if/for/while 合用
if語(yǔ)句
if (布爾值)
語(yǔ)句;
// 或者
if (布爾值) 語(yǔ)句;
- 語(yǔ)句只有一句時(shí)可以去掉大括號(hào){}央拖，多個(gè)語(yǔ)句必須加上大括號(hào)祭阀，建議總是使用大括號(hào)
- 不要混淆 = 鹉戚、==、===专控，建議總是使用 ===
if...else...
if代碼塊后面抹凳，還可以跟一個(gè)else代碼塊，表示不滿足條件時(shí)伦腐，所要執(zhí)行的代碼赢底。
if (a === 1) {
// 滿足條件時(shí)，執(zhí)行的語(yǔ)句
} else {
// 不滿足條件時(shí)柏蘑，執(zhí)行的語(yǔ)句
}
進(jìn)行多次判斷時(shí)幸冻，多個(gè)if...else語(yǔ)句可以連寫在一起。
if (a === 0) {
// ...
} else if (a === 1) {
// ...
} else if (a === 2) {
// ...
} else {
// ...
}
else總是與離自己最近的那個(gè)if語(yǔ)句配對(duì)
while 循環(huán)
當(dāng)... 時(shí)
語(yǔ)法
while (表達(dá)式)
語(yǔ)句;
// 或者
while (表達(dá)式) 語(yǔ)句;
? 判斷表達(dá)式的真假
? 當(dāng)表達(dá)式為真咳焚，執(zhí)行語(yǔ)句洽损，執(zhí)行完再判斷表達(dá)式的真假
? 當(dāng)表達(dá)式為假，執(zhí)行后面的語(yǔ)句
var i = 0;
while (i < 100) {
console.log('i 當(dāng)前為：' + i);
i = i + 1;
}
// 循環(huán)100次革半，直到i等于100為止
while (true) {
console.log('Hello, world');
}
// 無(wú)限循環(huán)碑定，因?yàn)檠h(huán)條件總是為真
break 語(yǔ)句和 continue 語(yǔ)句
break語(yǔ)句和continue語(yǔ)句都具有跳轉(zhuǎn)作用，可以讓代碼不按既有的順序執(zhí)行又官。
break語(yǔ)句用于跳出代碼塊或循環(huán)延刘。
var i = 0;
while(i < 100) {
console.log('i 當(dāng)前為：' + i);
i++;
if (i === 10) break;
}
上面代碼只會(huì)執(zhí)行10次循環(huán)，一旦i等于10六敬，就會(huì)跳出循環(huán)碘赖。
for循環(huán)也可以使用break語(yǔ)句跳出循環(huán)。
for (var i = 0; i < 5; i++) {
console.log(i);
if (i === 3)
break;
}
// 0
// 1
// 2
// 3
上面代碼執(zhí)行到i等于3外构，就會(huì)跳出循環(huán)普泡。
continue語(yǔ)句用于立即終止本輪循環(huán)，返回循環(huán)結(jié)構(gòu)的頭部典勇，開始下一輪循環(huán)。
var i = 0;
while (i < 100){
i++;
if (i % 2 === 0) continue;
console.log('i 當(dāng)前為：' + i);
}
上面代碼只有在i為奇數(shù)時(shí)叮趴，才會(huì)輸出i的值割笙。如果i為偶數(shù)，則直接進(jìn)入下一輪循環(huán)眯亦。
如果存在多重循環(huán)伤溉，不帶參數(shù)的break語(yǔ)句和continue語(yǔ)句都只針對(duì)最內(nèi)層循環(huán)。
標(biāo)簽（label）
JavaScript 語(yǔ)言允許妻率，語(yǔ)句的前面有標(biāo)簽（label）乱顾，相當(dāng)于定位符，用于跳轉(zhuǎn)到程序的任意位置宫静，標(biāo)簽的格式如下走净。
label:
語(yǔ)句
標(biāo)簽可以是任意的標(biāo)識(shí)符券时，但不能是保留字，語(yǔ)句部分可以是任意語(yǔ)句伏伯。
標(biāo)簽通常與break語(yǔ)句和continue語(yǔ)句配合使用橘洞，跳出特定的循環(huán)。
top:
for (var i = 0; i < 3; i++){
for (var j = 0; j < 3; j++){
if (i === 1 && j === 1) break top;
console.log('i=' + i + ', j=' + j);
}
}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
上面代碼為一個(gè)雙重循環(huán)區(qū)塊说搅，break命令后面加上了top標(biāo)簽（注意炸枣，top不用加引號(hào)），滿足條件時(shí)弄唧，直接跳出雙層循環(huán)适肠。如果break語(yǔ)句后面不使用標(biāo)簽，則只能跳出內(nèi)層循環(huán)候引，進(jìn)入下一次的外層循環(huán)侯养。
標(biāo)簽也可以用于跳出代碼塊
foo: {
console.log(1);
break foo;
console.log('本行不會(huì)輸出');
}
console.log(2);
// 1
// 2
上面代碼執(zhí)行到break foo，就會(huì)跳出區(qū)塊背伴。
continue語(yǔ)句也可以與標(biāo)簽配合使用沸毁。
top:
for (var i = 0; i < 3; i++){
for (var j = 0; j < 3; j++){
if (i === 1 && j === 1) continue top;
console.log('i=' + i + ', j=' + j);
}
}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2
上面代碼中，continue命令后面有一個(gè)標(biāo)簽名傻寂，滿足條件時(shí)息尺，會(huì)跳過(guò)當(dāng)前循環(huán)，直接進(jìn)入下一輪外層循環(huán)疾掰。如果continue語(yǔ)句后面不使用標(biāo)簽搂誉，則只能進(jìn)入下一輪的內(nèi)層循環(huán)。
