DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript高級程序設計(第3版)學習筆記5 js語句
JavaScript高級程序設計(第3版)學習筆記5 js語句
編輯:JavaScript基礎知識     
磚瓦和水泥都有了,接下來該是砌牆了,在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';
}//返回一個對象

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved