「這是我參與2022首次更文挑戰(zhàn)的第18天罩锐，活動(dòng)詳情查看：2022首次更文挑戰(zhàn)」

寫在前頭

大多數(shù)小伙伴看技術(shù)書籍都會(huì)用“啃”來描述讀書的直觀感受骄瓣，當(dāng)然我也是一個(gè)前端小白，白的透明那種胖眷，但是我在讀技術(shù)書籍感覺到“啃”的時(shí)候，我希望把我啃紅寶書第四版的過程的想法霹崎，總結(jié)帶給大家珊搀，以供后來者能夠更快上手。

注： 本文由于作者水平原因尾菇，如有錯(cuò)誤之處境析，懇請(qǐng)大家指正,另外隨著學(xué)習(xí)的深入，體會(huì)的加深派诬，我會(huì)不斷回來更新簿晓，修改這類文章。

思維導(dǎo)圖

image.png

簡(jiǎn)述

操作符千埃，顧名思義就是用來操作數(shù)據(jù)值的一種符號(hào)憔儿。書上的解釋也很詳細(xì)，還涉及了使用方法轉(zhuǎn)換對(duì)象放可，以便操作谒臼。

脈絡(luò) 3.6. 流控制語句

這小節(jié)就是介紹了3.6. 流控制語句，3.7. 函數(shù)耀里，大體和c語言等等都一樣的蜈缤。

3.6. 流控制語句

image.png

3.6.5. for 語句

image.png

先測(cè)試語句

• 循環(huán)之前的初始化代碼

• 執(zhí)行后要執(zhí)行的表達(dá)式

• 變量的作用域限定在循環(huán)

無窮循環(huán)

for(;;){}

for循環(huán)和while循環(huán)時(shí)可以轉(zhuǎn)換的

let num = 10;
let i = 0;
for (;i < num;){
    console.log(i);
    i++;
}

3.6.6. for-of 語句

image.png

• 用于遍歷可迭代對(duì)象的元素

for (property of expression) statement;

• 確保這個(gè)局部變量不被修改，推薦使用 const,如果嘗試迭代的變量不支持迭代冯挎，則 for-of 語句會(huì)拋出錯(cuò)誤底哥。

3.6.7. for-in 語句

image.png

• 用于枚舉對(duì)象中的非符號(hào)鍵屬性

• 迭代的變量是 null 或 undefined，則不執(zhí)行循環(huán)體房官。

• for-in 語句不能保證返回對(duì)象屬性的順序

3.6.8. label 語句

image.png

• 用于給語句加標(biāo)簽

label: statement;

3.6.9. break 與 continue 語句

• break 和 continue 都可以與標(biāo)簽語句一起使用趾徽，返回代碼中特定的位置。

let num = 0;

outermost: for (let i = 0; i < 10; i++) {
    for (let j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
        break outermost;
        }
    num++;
    }
}
console.log(num); // 55

outermost: for (let i = 0; i < 10; i++) {
    for (let j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
        continue outermost;
        }
    num++;
    }
 }

console.log(num); // 95

3.6.10. with 語句

image.png

• 將代碼作用域設(shè)置為特定的對(duì)象

with (expression) statement;

使用 with 語句的主要場(chǎng)景是針對(duì)一個(gè)對(duì)象反復(fù)操作,少寫一些代碼翰守，類似簡(jiǎn)寫孵奶。

    let qs = location.search.substring(1);
    let hostName = location.hostname;
    let url = location.href;

with (location) {
    let qs = search.substring(1);
    let hostName = hostname;
    let url = href;
}

• 嚴(yán)格模式不允許使用

3.7. 函數(shù)

image.png

• 封裝語句使用 function 關(guān)鍵字（10章詳細(xì)寫到其實(shí)就是函數(shù)聲明）

函數(shù)聲明

    function functionName(arg0, arg1,...,argN) {
    statements
    }

• 通過函數(shù)名來調(diào)用函數(shù)

    <script>
        function printfNum(num) {
            console.log(num);
        }

        printfNum(2); // 使用函數(shù)名調(diào)用函數(shù)
    </script>

• return 語句

①使用return語句可以返回函數(shù)的值。

②只要碰到 return 語句蜡峰，函數(shù)就會(huì)立即停止執(zhí)行并退出了袁。return語句后面的代碼不會(huì)再執(zhí)行朗恳。

③一個(gè)函數(shù)里面可以有多個(gè)return語句，但是只會(huì)執(zhí)行一個(gè)载绿。

④當(dāng)return語句后面直接加;時(shí)粥诫，函數(shù)會(huì)默認(rèn)返回undefined，并停止運(yùn)行崭庸。

• 嚴(yán)格模式對(duì)函數(shù)也有一些限制

  ①函數(shù)不能以 eval 或 arguments 作為名稱怀浆；

  ②函數(shù)的參數(shù)不能叫 eval 或 arguments；

  ③兩個(gè)命名參數(shù)不能擁有同一個(gè)名稱冀自。