JavaScript進階程式設計（第3版）學習筆記5 js語句

磚瓦和水泥都有了，接下來該是砌牆了，在ECMAScript中，語句就是我們需要砌的牆了。語句也和操作符一樣，對於有C背景的人來說再自然不過了，下面採用類似的形式整理一下語句的相關知識，重點突出一些ECMAScript中比較特別和個人認為比較有意思的地方，同樣，沒有強調的但比較基礎的語句並非不重要，而是我認為你已經熟悉。

語句一覽

語句	文法	簡要描述
簡單語句	;	語句以分號（;）結束，在不引起歧義的情況下也可以省略分號。
語句塊	{}	使用大括弧（{}）將一組語句放一起組成一個語句塊，在ECMAScript中，有語句塊，但沒有語句塊範圍。
if語句	if(condition){} if(ocndition){}else{}	條件選擇，在條件運算式中，會將結果隱式轉換為Boolean類型。 建議每個分支都明確使用{}，以避免維護時出錯。 條件陳述式可以嵌套。
switch語句	switch(expression) { case value1: 　　statement1; 　　break; case value2: 　　statement2; 　　break; default: 　　statement; 　　break; }	switch語句文法和C語言一致，不同的是，switch中的expression不限於整型。 1、在switch語句中，運算式不限於整型，可以是任意運算式。 2、在case後面的value中，可以是整型，也可以是其它類型，甚至可以是一個運算式，但是在比較的時候不會進行類型轉換，也即是使用全等（===）進行匹配。 3、case分支中的break表示不再繼續後面的匹配，如果省略了會繼續執行下面的case語句。建議每個case都加上break，如果是利用這種繼續執行的特性，也加上相應注釋說明。 4、最後一個分支的break加不加效果相同，我自己的個人風格是加上保持一致性。
do-while語句	do{ 　　statement; }while(expression);	先執行迴圈體，再進行條件判斷，這種格式至少會執行一次迴圈。 條件判斷也會有隱式轉換。
while語句	while(expression) { 　　statement; }	滿足條件才執行迴圈體。如果一開始就不滿足條件，則根本不會執行迴圈體。
for語句	for(initialization; expression; post-loop-expression){ 　　statement; }	for語句在功能上和while是等價的。 執行順序是，先執行初始化initialization，然後進行條件比較expression，如果滿足條件，就執行迴圈體，執行完一次迴圈後，執行post-loop-expression部分，然後迴圈比較條件直至跳出整個迴圈。
for-in語句	for(property in expression){ 　　statement; }	for迴圈的另一種形式，可以使用這種迴圈遍曆對象的屬性和對象原型鏈上的屬性。
with語句	with(expression){ 　　statement; }	將代碼的範圍設定到一個特定的對象中。
label語句	label:statement;	給代碼添加標籤供其它語句使用。
break語句	break; break label;	1、用在switch語句中，在找到匹配的case分支後，不繼續執行下面的case語句。 2、用在迴圈語句中中斷整個迴圈。
continue語句	continue; continue label;	在迴圈語句中中斷本次迴圈，執行下一次迴圈。
try語句	try{ }catch(e){ }finally{ }	將代碼放在try塊中，使得異常發生時能夠做出相應的處理。
throw語句	throw e;	拋出異常。
debugger語句	debugger;	調試。
return語句	return; return expression;	返回語句。在return之後沒有返回時，返回undefined。

對於語句，說明如下：

1、關於語句要不要加上分號結束符（;），我的觀點是給每條語句都加上，不要讓引擎去猜測你的程式。不過昨天看到一篇文章和我的觀點正好相反，也頗能言之成理，雖然並沒有改變我的觀點，不過倒也令我的眼界更為寬闊。

2、對於var語句，由於ECMAScript中有聲明提升現象，建議將一個範圍中用到的變數都放到頂部，用一個var語句定義多個變數，這樣容易理解，也不易出錯。目前很多JS庫也多採用這種形式，下面是取自jQuery開始中的代碼：

複製代碼 代碼如下:var document = window.document,
navigator = window.navigator,
location = window.location;

3、用於語句塊的（{}），也可用於定義對象字面量。在ECMAScript中，沒有塊級範圍。
4、對於四種迴圈語句（do-while、while、for、for-in），由於for-in語句每次迴圈都會搜尋對象本身和其原型，因此效率會比較低。關於for迴圈語句的最佳化： 複製代碼 代碼如下:// 1.一般for迴圈
for(var i=0; i < arr.length; i++){
}
// 2.上面在每一次迴圈都會重新計算一次arr的長度，如過arr是dom操作的話，會非常明顯的影響效率，可以改進一下
for(var i=0,l=arr.length; i<l; i++){
}
// 3.這樣整個迴圈就只會計算一次長度，如果考慮到遞減，還可以修改成
for(var i=arr.length; i>0; i--){
}
// 4.上面不使用中間變數並且只需要計算一次長度，如果再考慮到長度永遠是一個不小於0的數，並且在JS中0的Boolean值為false，可以進一步修改成
for(var i=arr.length; i ; i--){
}
// 5.考慮到JS中變數聲明提升可能的影響，為了消除隱患，再修改為
var i=arr.length;
for(; i ; i--){
}

5、對於with語句，雖然有時會提供快捷，但是也常常會導致不可預料的結果，建議少用，甚至不用： 複製代碼 代碼如下://1.使用with語句
with(obj){
a=b;
}
//2.不使用with語句，和1的情況等價
if(obj.a === undefined){
a = obj.b || b;
}else
{
obj.a = obj.b || b;
}
//3.可能的結果
a = b;
a = obj.b;
obj.a = b;
obj.a = obj.b;

第1部分是使用with語句，第2部分是不使用with語句的等價語句，第3部分則是最終可能的運行結果，如果僅從with語句本身來看，很不容易明白程式實際運行時會發生什麼。另外，在使用with語句涉及修改的時候，會有不同步的問題，看下面的代碼： 複製代碼 代碼如下:var obj = {
person:{
name:'linjisong'
}
};
with(obj.person){
obj.person = {
name:'oulinhai'
};
console.info(obj.person.name); //oulinhai
console.info(name); 　　//linjisong
}

在這裡會不經意間就產生了一個不同步。
6、在return語句返回時需注意： 複製代碼 代碼如下:return
{
prop:'value';
}//由於引擎會自動添加分號，這裡實際會返回undefined

return {
prop:'value';
}//返回一個對象