重新鞏固JS（三）——JavaScript語句

tunny 發布于2019-05-23 14:14 / 2515人閱讀

摘要：重新鞏固系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第三篇。其中，部分可以省略條件語句語句例子為，小于但大于，故輸出語句當表達式的值等于值時，執行語句，遇到語句則跳出語句，若都沒匹配到值，則執行中的語句。

重新鞏固JS系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第三篇。 其他JS重新鞏固系列：

重新鞏固JS（一）——JavaScript基本類型

重新鞏固JS（二）——JavaScript操作符與表達式

1. 條件語句 1.1 if else語句

//當條件為真時，執行語句1，條件為假時，執行語句2。其中，else部分可以省略
if (條件) { 
    語句1 
} else { 
    語句2 
}

//例子：
let score = 75
if ( score > 80) {
    console.log("A")
} else if ( score > 60) {
    console.log("B")
} else {
    console.log("C")
}
// score為75，小于80但大于60，故輸出： B

1.2 switch語句

// 當 表達式的值 等于 值1 時，執行 語句1，遇到break語句則跳出switch語句，若都沒匹配到值，則執行default中的語句。
switch (表達式) {
    case 值1: 
        語句1
        break
    case 值2: 
        語句2
        break
    default: 
        語句3
        break	
}

//例子
let score = "B"
switch ( score ) {
    case "A":
        console.log("> 80")
        break
    case "B":
        console.log("60 ~ 80")
        break
    default :
        console.log("< 60")
}
// score的值跟case的"B"相匹配，故輸出： 60 ~ 80，遇到break，結束switch語句

注意：一般情況下，我們在每個case語句后都要加上break語句來跳出switch語句。若不添加，則會執行匹配到的case語句后的所有語句，直到遇到break為止。

2. 循環語句 2.1 while語句

//當 表示達 為真時，執行 語句1 直到 表達式 為假。
while ( 表達式 ) {
    語句1
}

注意：在語句1中一定要對表達式進行操作，使其在一定循環次數內變為假，否則會導致死循環。

2.2 do while語句

//先執行語句1，然后再根據表達式的真假情況來決定是否繼續執行語句1
do {
    語句1
} while ( 表達式 )

注意：不管什么情況下，do while語句總會先執行一次語句1。

2.3 for語句

//首先執行初始化部分，然后進行循環條件的判斷，若為真，則執行語句1，最后再執行更新表達式部分。若為假，則結束for循環。
for ( 初始化; 循環條件; 更新表達式) {
    語句1
}

注意： 初始化和更新表達式部分都不是必需的，初始化部分可以放在for語句外部，而更新表達式部分可以放在語句1中。

2.4 for in語句

用于遍歷對象的屬性。

//遍歷對象的屬性
for ( 屬性名 in 對象) {
    語句1
}

注意： for in語句也會遍歷原型鏈上的屬性（原型鏈相關可參考：幫你徹底搞懂JS中的prototype、__proto__與constructor（圖解）），若只想遍歷對象自身的屬性，可以使用以下方式：

for ( let 屬性名 in 對象) {
    if ( 對象.hasOwnProperty( 屬性名 ) ) {
        語句1
    }
}

3. 控制語句 3.1 continue語句

continue語句用于循環語句中，跳過當前的循環，進入下一次循環。

3.2 break語句

break語句用于控制流程中，直接跳出循環語句或者switch語句。

4. 異常捕獲語句

/**
* 將可能發生異常的 語句1 放到try語句塊中，若 語句1 執行時有異常，則被 catch語句 捕獲，
* 接著執行 語句2 ，最后再執行 finally語句塊 中的 語句3。
* 其中 finally語句塊 中的 語句3，不管 語句1 是否有異常都會執行。
*/
try {
    語句1
} catch ( exception ) {
    語句2
} finally {
    語句3
}

//例子
try {
    console.log(myName)
} catch ( exception ) {
    alert( exception)
} finally {
    alert("bad dream!")
}
/** 
* 在try語句塊中，我們試圖輸出變量myName的值，但是變量myName并未定義，所以出現異常被catch語句塊捕獲，
* 然后彈窗出現內容：ReferenceError: myName is not defined，
* 最后再執行finally語句，彈窗出現內容：bad dream!
*/

5.with語句（不推薦使用）

可以讓我們在訪問對象屬性時更加簡短。with語句在性能上存在問題，以及在作用域上可能會引起不必要的混淆，ES5的嚴格模式中也禁用了該語句，不推薦使用。

with ( 表達式 ) {
    語句
}

//例子：
let cc = {
    name: "cc",
    age: 100,
    company: {
        name: "BEST",
        address: "Hang Zhou"
    }
}

with(cc) {
    console.log(`company name:${company.name}, company address: ${company.address}`)
}
//輸出： company name:BEST, company address: Hang Zhou

//替代的方法：
let company = cc.company
console.log(`company name:${company.name}, company address: ${company.address}`)
//輸出： company name:BEST, company address: Hang Zhou

云服務器 GPU云服務器 javascript 語句鞏固 js 重新加載 js 視頻重新加載

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/6992.html

重新鞏固JS（二）——JavaScript操作符與表達式

摘要：重新鞏固系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第二篇。關系運算符用于比較操作符左右的操作數的大小。邏輯運算符主要通過與或非來判斷一個表達式的值是否為。注意與和或操作具有短路計算效果。重新鞏固JS系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第二篇。其他JS重新鞏固系列：重新鞏固JS（一）——JavaScript基本類型重新鞏固JS（三）——JavaSc...

DoINsiSt 2019-05-23 13:55 評論0 收藏0
重新鞏固JS（一）——JavaScript基本類型

摘要：對象類型除了原始類型的值以外，其他都是對象。例如對象有屬性，值為，還有屬性，值為重要的特殊對象特殊對象函數數組日期正則全局錯誤。重新鞏固JS系列，都是比較基礎的東西，可以進行查漏補缺，很快看完，這是第一篇。其他JS重新鞏固系列：重新鞏固JS（二）——JavaScript操作符與表達式重新鞏固JS（三）——JavaScript語句 JavaScript基本類型在編程領域中，數據類型...

pingan8787 2019-05-23 13:54 評論0 收藏0
基礎鞏固：JavaScript基礎總結(基本概念篇)

摘要：基礎鞏固基礎總結使用已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現的使用范圍原來越廣泛。這里要注意，務必將基礎部分掌握牢靠，磨刀不誤砍柴功，只有將基礎部分掌握并建立起系統的知識體系，在后面學習衍生的其他模式才能游刃有余。基礎鞏固：JavaScript基礎總結使用JavaScript已經好幾年了，由于工作主要是做服務端開發，在工作中逐漸發現JavaScript的使用范圍原...

YuboonaZhang 2019-08-26 12:08 評論0 收藏0
ES5和ES6作用域詳解

摘要：允許在塊級作用域內聲明函數。上面代碼中，存在全局變量，但是塊級作用域內又聲明了一個局部變量，導致后者綁定這個塊級作用域，所以在聲明變量前，對賦值會報錯。 ES5的作用域變量起作用的范圍，js中能創建作用域的只能是函數 { let a = 1; var b = 2; } console.log(a); // a is not defined console.log(b); //...

Dr_Noooo 2019-08-21 17:30 評論0 收藏0
【重溫基礎】1.語法和數據類型

摘要：語法和數據類型正文開始本章節復習的是中的基本語法，變量聲明，數據類型和字面量。聲明一個塊作用域的局部變量，可賦一個初始值。變量聲明有三種方式如，聲明局部變量和全局變量。最近開始把精力放在重新復習JavaScript的基礎知識上面，不再太追求各種花枝招展的前端框架，框架再多，適合實際項目才是最重要。上星期在掘金發布了幾篇文章，其中最大塊算是【復習資料】ES6/ES7/ES8/ES...

Darkgel 2019-08-23 13:58 評論0 收藏0