流程控制語句
if
if語句是編程語言最常用的語句,語法
if(condition){
//true statement
}else {
//false statement
}
其中condition可以是任意表達式,結果不一定是布爾值,JavaScript解釋器會自動調用Boolean()將表達式結果轉為布爾值,如果表達式為真執行第一個代碼塊內語句,如果為假執行第二個代碼塊內語句
只有一條語句的時候代碼塊不是必需的,出于維護性考慮我們建議添加
if語句可以單獨使用,也可以和多個else連續使用
if(a > 2){
// statement
}
if( a == 1){
}else if(a == 2){
}else if(a == 3 ){
}else{
}
什么是表達式?什么是語句?
a+b這就是一個表達式,會返回一個結果,但"a+b;"這就是一個語句,語句可以是一行代碼,也可以是一個完整的邏輯-
window.prompt作用為生成一個彈窗并輸入信息
image.png -
if語句判斷時,將條件強制轉換為boolean值,存在問題
強制轉換boolean值
說明:當使用b這個變量時,并不能很好地控制b是什么類型,用3個=,更嚴格的判斷,說清楚b === undefined是,執行相應語句,因為有時寫代碼,直接把b放在條件語句中,認為是當出現b的情況時,執行相應語句,但結果并不是這樣的
-
手賤將===判斷運算符寫成=賦值
===誤寫為=
說明:在應該使用===作判斷時,手賤將===寫為=,那么c=3是一個表達式,返回一個結果,這個3會被強制轉換為true,無論你前面c聲明為什么值,并不起作用
label
label語句是很多熟練的jser都會忽略的知識,我們可以為代碼添加標簽,方便后續使用,語法:
labelname: statement;
label語句單獨使用的時候沒有什么作用幾乎,經常和其它語句結合使用,但是一些面試題會針對這個提問
var a = 1,
b = 2,
c = 3,
d = 4,
e = 5,
f = 6;
a:b:c:d:e:f:7;
說明:hello:a=1,相當于給代碼起了個標簽,方便后面回到這里
switch
switch 語句和if語句關系密切,語法
switch(expresstion){
case value1:
statement;
break;
case value2:
statement;
break;
case value3:
statement;
break;
default:
statement;
}
我們可以看到if語句使用多個else的時候寫法很繁瑣,可讀性也下降,switch語句可以輕松解決
switch(a){
case 1:
statement;
break;
case 2:
statement;
break;
case 3:
statement;
break;
default:
statement;
}
如果表達式等于case的值,對應的語句就會執行,break關鍵字會使程序跳出switch語句,很多編程規范強調必須添加break,不添加不會有語法錯誤,程序會多次判斷case,進入相應流程
PS:同時,prompt得到的是一個字符串,只有轉換為整數才能繼續判斷
沒有一個值符合case,流程進入default子句,很多規范也強調必須添加default部分
JavaScript switch語句雖然參考的C語言的寫法,但是有特殊性
switch和case可以使用任意表達式,不一定是常量
switch語句進行比較的時候是全等于(===)操作,不會發生類型轉換
while和do-while
while
while語句屬于前測試循環語句,也就是在循環體內的代碼被執行之前,就會對條件求值,不符合的話就不會執行
while(expression){
statement;
}
看個例子
var i = 10;
while(i > 0){
console.log(i);
i--;
}
do-while
do-while是后測試循環語句,在出口條件判斷之前就會執行一次代碼
do{
statement;
}while(expression);
看個例子
var i = 4;
do{
console.log(i);
i--;
}while(i > 5);
for
for語句也是前測試循環語句,但具備在執行循環代碼以前初始化變量和定義循環后要執行代碼的能力,改造一下while語句
for(var i = 10; i > 0; i--){
console.log(i);
}
for-in
for-in是一種迭代語句,用于枚舉對象的屬性(遍歷對象)
for(property in object){
statement
}
看個例子
for(var prop in window){
console.log(prop);
}
因為ECMAScript規定對象中的屬性沒有順序,所以for-in遍歷出來的屬性的順序也不是固定的(雖然大部分瀏覽器是按屬性名稱排序,我們不能依賴這個)
break和continue
break關鍵字在switch語句中已經見過,這兩個關鍵字多用在循環語句中
break 用于強制退出循環體,執行循環后面的語句
continue 用于退出本次循環,執行下次循環
看個例子對比一下
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
break;
}
console.log(i);
} //輸出1、2、3,因為遇到break后,直接跳出整個for的循環體,不再執行
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
continue;
}
console.log(i);
} //輸出 1、2、3、5、6、7、9,因為遇到continue,只是跳出循環體這一次的結果,后面還是會繼續執行循環體
這是break和continue最常規的用法,其實這兩個關鍵字后面可以跟上我們之前提到的label,退出指定位置的代碼,對于多層循環是個有用的技巧,但是難以理解,一般不推薦使用(如同C語言中被誤解的goto)