JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記5 js語(yǔ)句
語(yǔ)句一覽
語(yǔ)句 | 語(yǔ)法 | 簡(jiǎn)要描述 |
簡(jiǎn)單語(yǔ)句 |
; |
語(yǔ)句以分號(hào)(;)結(jié)束,在不引起歧義的情況下也可以省略分號(hào)。 |
語(yǔ)句塊 |
{} |
使用大括號(hào)({})將一組語(yǔ)句放一起組成一個(gè)語(yǔ)句塊,在ECMAScript中,有語(yǔ)句塊,但沒(méi)有語(yǔ)句塊作用域。 |
if語(yǔ)句 |
if(condition){} if(ocndition){}else{} |
條件選擇,在條件表達(dá)式中,會(huì)將結(jié)果隱式轉(zhuǎn)換為Boolean類(lèi)型。 建議每個(gè)分支都明確使用{},以避免維護(hù)時(shí)出錯(cuò)。 條件語(yǔ)句可以嵌套。 |
switch語(yǔ)句 |
switch(expression) { case value1: statement1; break; case value2: statement2; break; default: statement; break; } |
switch語(yǔ)句語(yǔ)法和C語(yǔ)言一致,不同的是,switch中的expression不限于整型。 1、在switch語(yǔ)句中,表達(dá)式不限于整型,可以是任意表達(dá)式。 2、在case后面的value中,可以是整型,也可以是其它類(lèi)型,甚至可以是一個(gè)表達(dá)式,但是在比較的時(shí)候不會(huì)進(jìn)行類(lèi)型轉(zhuǎn)換,也即是使用全等(===)進(jìn)行匹配。 3、case分支中的break表示不再繼續(xù)后面的匹配,如果省略了會(huì)繼續(xù)執(zhí)行下面的case語(yǔ)句。建議每個(gè)case都加上break,如果是利用這種繼續(xù)執(zhí)行的特性,也加上相應(yīng)注釋說(shuō)明。 4、最后一個(gè)分支的break加不加效果相同,我自己的個(gè)人風(fēng)格是加上保持一致性。 |
do-while語(yǔ)句 |
do{ statement; }while(expression); |
先執(zhí)行循環(huán)體,再進(jìn)行條件判斷,這種格式至少會(huì)執(zhí)行一次循環(huán)。 條件判斷也會(huì)有隱式轉(zhuǎn)換。 |
while語(yǔ)句 |
while(expression) { statement; } |
滿足條件才執(zhí)行循環(huán)體。如果一開(kāi)始就不滿足條件,則根本不會(huì)執(zhí)行循環(huán)體。 |
for語(yǔ)句 |
for(initialization; expression; post-loop-expression){ statement; } |
for語(yǔ)句在功能上和while是等價(jià)的。 執(zhí)行順序是,先執(zhí)行初始化initialization,然后進(jìn)行條件比較expression,如果滿足條件,就執(zhí)行循環(huán)體,執(zhí)行完一次循環(huán)后,執(zhí)行post-loop-expression部分,然后循環(huán)比較條件直至跳出整個(gè)循環(huán)。 |
for-in語(yǔ)句 |
for(property in expression){ statement; } |
for循環(huán)的另一種形式,可以使用這種循環(huán)遍歷對(duì)象的屬性和對(duì)象原型鏈上的屬性。 |
with語(yǔ)句 |
with(expression){ statement; } |
將代碼的作用域設(shè)置到一個(gè)特定的對(duì)象中。 |
label語(yǔ)句 | label:statement; | 給代碼添加標(biāo)簽供其它語(yǔ)句使用。 |
break語(yǔ)句 |
break; break label; |
1、用在switch語(yǔ)句中,在找到匹配的case分支后,不繼續(xù)執(zhí)行下面的case語(yǔ)句。 2、用在循環(huán)語(yǔ)句中中斷整個(gè)循環(huán)。 |
continue語(yǔ)句 |
continue; continue label; |
在循環(huán)語(yǔ)句中中斷本次循環(huán),執(zhí)行下一次循環(huán)。 |
try語(yǔ)句 |
try{ }catch(e){ }finally{ } |
將代碼放在try塊中,使得異常發(fā)生時(shí)能夠做出相應(yīng)的處理。 |
throw語(yǔ)句 | throw e; | 拋出異常。 |
debugger語(yǔ)句 | debugger; | 調(diào)試。 |
return語(yǔ)句 |
return; return expression; |
返回語(yǔ)句。在return之后沒(méi)有返回時(shí),返回undefined。 |
對(duì)于語(yǔ)句,說(shuō)明如下:
1、關(guān)于語(yǔ)句要不要加上分號(hào)結(jié)束符(;),我的觀點(diǎn)是給每條語(yǔ)句都加上,不要讓引擎去猜測(cè)你的程序。不過(guò)昨天看到一篇文章和我的觀點(diǎn)正好相反,也頗能言之成理,雖然并沒(méi)有改變我的觀點(diǎn),不過(guò)倒也令我的眼界更為寬闊。
2、對(duì)于var語(yǔ)句,由于ECMAScript中有聲明提升現(xiàn)象,建議將一個(gè)作用域中用到的變量都放到頂部,用一個(gè)var語(yǔ)句定義多個(gè)變量,這樣容易理解,也不易出錯(cuò)。目前很多JS庫(kù)也多采用這種形式,下面是取自jQuery開(kāi)始中的代碼:
var document = window.document,
navigator = window.navigator,
location = window.location;
3、用于語(yǔ)句塊的({}),也可用于定義對(duì)象字面量。在ECMAScript中,沒(méi)有塊級(jí)作用域。
4、對(duì)于四種循環(huán)語(yǔ)句(do-while、while、for、for-in),由于for-in語(yǔ)句每次循環(huán)都會(huì)搜索對(duì)象本身和其原型,因此效率會(huì)比較低。關(guān)于for循環(huán)語(yǔ)句的優(yōu)化:
// 1.一般for循環(huán)
for(var i=0; i < arr.length; i++){
}
// 2.上面在每一次循環(huán)都會(huì)重新計(jì)算一次arr的長(zhǎng)度,如過(guò)arr是dom操作的話,會(huì)非常明顯的影響效率,可以改進(jìn)一下
for(var i=0,l=arr.length; i<l; i++){
}
// 3.這樣整個(gè)循環(huán)就只會(huì)計(jì)算一次長(zhǎng)度,如果考慮到遞減,還可以修改成
for(var i=arr.length; i>0; i--){
}
// 4.上面不使用中間變量并且只需要計(jì)算一次長(zhǎng)度,如果再考慮到長(zhǎng)度永遠(yuǎn)是一個(gè)不小于0的數(shù),并且在JS中0的Boolean值為false,可以進(jìn)一步修改成
for(var i=arr.length; i ; i--){
}
// 5.考慮到JS中變量聲明提升可能的影響,為了消除隱患,再修改為
var i=arr.length;
for(; i ; i--){
}
5、對(duì)于with語(yǔ)句,雖然有時(shí)會(huì)提供快捷,但是也常常會(huì)導(dǎo)致不可預(yù)料的結(jié)果,建議少用,甚至不用:
//1.使用with語(yǔ)句
with(obj){
a=b;
}
//2.不使用with語(yǔ)句,和1的情況等價(jià)
if(obj.a === undefined){
a = obj.b || b;
}else
{
obj.a = obj.b || b;
}
//3.可能的結(jié)果
a = b;
a = obj.b;
obj.a = b;
obj.a = obj.b;
第1部分是使用with語(yǔ)句,第2部分是不使用with語(yǔ)句的等價(jià)語(yǔ)句,第3部分則是最終可能的運(yùn)行結(jié)果,如果僅從with語(yǔ)句本身來(lái)看,很不容易明白程序?qū)嶋H運(yùn)行時(shí)會(huì)發(fā)生什么。另外,在使用with語(yǔ)句涉及修改的時(shí)候,會(huì)有不同步的問(wèn)題,看下面的代碼:
var obj = {
person:{
name:'linjisong'
}
};
with(obj.person){
obj.person = {
name:'oulinhai'
};
console.info(obj.person.name); //oulinhai
console.info(name); //linjisong
}
在這里會(huì)不經(jīng)意間就產(chǎn)生了一個(gè)不同步。
6、在return語(yǔ)句返回時(shí)需注意:
return
{
prop:'value';
}//由于引擎會(huì)自動(dòng)添加分號(hào),這里實(shí)際會(huì)返回undefined
return {
prop:'value';
}//返回一個(gè)對(duì)象
- javascript中類(lèi)的定義及其方式(《javascript高級(jí)程序設(shè)計(jì)》學(xué)習(xí)筆記)
- JavaScript高級(jí)程序設(shè)計(jì) DOM學(xué)習(xí)筆記
- JavaScript高級(jí)程序設(shè)計(jì) XML、Ajax 學(xué)習(xí)筆記
- JavaScript高級(jí)程序設(shè)計(jì) 事件學(xué)習(xí)筆記
- JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記 概述
- JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記2 js基礎(chǔ)語(yǔ)法
- JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記3 js簡(jiǎn)單數(shù)據(jù)類(lèi)型
- JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記4 js運(yùn)算符和操作符
- JavaScript高級(jí)程序設(shè)計(jì)(第三版)學(xué)習(xí)筆記1~5章
相關(guān)文章
在瀏覽器中打開(kāi)或關(guān)閉JavaScript的方法
這篇文章主要介紹了在瀏覽器中打開(kāi)或關(guān)閉JavaScript的方法,由于歷史遺留問(wèn)題,JS在目前任何瀏覽器中都是標(biāo)配...所以不想加載JS也可以選擇關(guān)閉,需要的朋友可以參考下2015-06-06JavaScript 關(guān)于事件循環(huán)機(jī)制的刨析
js里的事件循環(huán)機(jī)制十分有趣。從很多面試題也可以看出來(lái),考察簡(jiǎn)單的setTimeout也就是考察這個(gè)機(jī)制的,接下來(lái)本文帶你詳細(xì)了解它2021-11-11JavaScript DOM 學(xué)習(xí)第五章 表單簡(jiǎn)介
在這一章我主要介紹一些用來(lái)檢測(cè)用戶輸入的代碼,利用這些代碼,你也可以寫(xiě)一些自己的檢測(cè)函數(shù)。2010-02-02JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列
在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來(lái)說(shuō),我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來(lái)實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.2016-01-01javascript 內(nèi)置對(duì)象及常見(jiàn)API詳細(xì)介紹
這篇文章主要介紹了javascript 內(nèi)置對(duì)象及常見(jiàn)API的相關(guān)資料,這里對(duì)內(nèi)置對(duì)象進(jìn)行了詳細(xì)的整理,需要的朋友可以參考下2016-11-11深入解析JavaScript中的arguments對(duì)象
arguments是JavaScript里的一個(gè)內(nèi)置對(duì)象,像數(shù)組結(jié)構(gòu)一樣存儲(chǔ)參數(shù)的傳遞,這里我們就來(lái)深入解析JavaScript中的arguments對(duì)象,需要的朋友可以參考下2016-06-06淺析JavaScript中的對(duì)象類(lèi)型Object
盡管JavaScript的擁躉一再?gòu)?qiáng)調(diào)js的面相對(duì)象,然而,或許只有在名為Object的這一類(lèi)型中才能勉強(qiáng)理解出-- well...下面就讓我們一起來(lái)淺析JavaScript中的對(duì)象類(lèi)型Object2016-05-05