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)前面可以沒(méi)有任何內(nèi)容，JavaScript 引擎將其視為空語(yǔ)句。
;;;
上面的代碼就表示3個(gè)空語(yǔ)句。
表達(dá)式不需要分號(hào)結(jié)尾。一旦在表達(dá)式后面添加分號(hào)，則 JavaScript 引擎就將表達(dá)式視為語(yǔ)句，這樣會(huì)產(chǎn)生一些沒(méi)有任何意義的語(yǔ)句。
1 + 3; 'abc';
上面兩行語(yǔ)句只是單純地產(chǎn)生一個(gè)值，并沒(méi)有任何實(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ǔ)句可能有也可能沒(méi)有
- 語(yǔ)句一般會(huì)改變環(huán)境（聲明、賦值）
大小寫敏感
- var a 和 var A 是不同的
- object 和 Object 是不同的
- function 和 Function 是不同的
空格
大部分空格沒(méi)什么意義
- var a = 1 和 var a=1 沒(méi)有區(qū)別 （注意斷句）
- 加回車大部分時(shí)候沒(méi)有影響
- return 后面不能加回車
標(biāo)識(shí)符（identifier）
標(biāo)識(shí)符（identifier）指的是用來(lái)識(shí)別各種值的合法名稱。最常見(jiàn)的標(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)。
