你不知道的js（中卷）第5章語法

1.語句和表達(dá)式

表達(dá)式可以返回一個結(jié)果值鸿染。
語句包含表達(dá)式，可以比表達(dá)式長（就像句子可以包含短語）麻裳。語句也有結(jié)果值口蝠。

1.1 語句的結(jié)果值

??????在控制臺輸入一個語句，執(zhí)行完津坑，控制臺輸出的就是結(jié)果值妙蔗。
??????在代碼中沒法取到結(jié)果值。硬要看的話疆瑰，可以用eval來看眉反。實際開發(fā)中不推薦用eval。
??????目前語句的結(jié)果值還無關(guān)緊要穆役，以后它可能會有比較重要的意義寸五。

1.2 表達(dá)式的副作用

??????表達(dá)式會造成副作用的情況：
??????①有些函數(shù)調(diào)用

??????②遞增運算符++和遞減運算符--

??????③delete運算符，操作成功返回true耿币，失敗則返回false梳杏，其副作用是刪除對象的屬性
??????tips：逗號運算符可將多個語句連成一個，例：let b = (a++, a)，b得到的就是a自增之后的值十性。

??????④=運算符叭莫，a=42返回42，其副作用是給a賦值
??????tips：

    let matches
    matches = str.match(/[aeiou]/g) // 提取所有元音字母
    if (matches) {...}

??????就可以寫成：

    let matches
    if (matches = str.match(/[aeiou]/g)) {...}

??????（作者說的副作用啥的我能理解烁试，但等號運算符雇初，那個賦值短語直接拿去做判斷，還是感覺不確定靠譜不靠譜减响，賦值短語的值就等于賦的值嗎靖诗？？）

1.3 上下文規(guī)則

??????在js中同樣的語法在不同情況下會有不同的解釋

??????①大括號
??????目前用到大括號的情況有兩種（以后還會更多）：
??????(1)用大括號定義對象支示。如 let a = {foo: bar()} // 假設(shè)bar函數(shù)已經(jīng)定義過
??????(2)標(biāo)簽刊橘。如{foo: bar()} // 假設(shè)bar函數(shù)已經(jīng)定義過
??????此時大括號會被當(dāng)作代碼塊。foo: bar()會被當(dāng)作標(biāo)簽語句颂鸿。
??????所謂標(biāo)簽語句促绵，就是：
??????a.如果給循環(huán)加了標(biāo)簽，它可以跟break或continue結(jié)合使用嘴纺。break 某標(biāo)簽败晴，表示跳出標(biāo)簽指定的那層循環(huán)。continue 某標(biāo)簽栽渴，表示執(zhí)行標(biāo)簽指定的那層循環(huán)的下一輪循環(huán)尖坤。
??????b.如果給代碼塊加了標(biāo)簽，它可以跟break結(jié)合使用闲擦，break 某標(biāo)簽慢味，表示跳過標(biāo)簽指定的代碼塊的剩余語句。
??????這兩種寫法都不太常見墅冷，也不建議使用纯路，如果要使用務(wù)必寫注釋。
??????（但是我自己在控制臺試了下{foo: bar()}并沒被當(dāng)作標(biāo)簽啊寞忿，貌似foo得寫在花括號外面才會被當(dāng)作標(biāo)簽驰唬。。迷惑）

??????②代碼塊
??????{} + [] // 0
??????是因為前面的{}會被當(dāng)作空代碼塊罐脊，而不是一個對象常量定嗓。所以結(jié)果等于+ []蜕琴，即0萍桌。

??????③解構(gòu)賦值

??????④if else和可選代碼塊
??????JavaScript沒有else if。常用的else if凌简，其實是上炎，else后面跟著單獨一條語句，而那個語句恰好是if...

2.運算符優(yōu)先級

??????首先作者舉了3個例子，分別說明：a.逗號操作符連接若干個語句時藕施，逗號操作符的優(yōu)先級最低寇损；b.&&操作符優(yōu)先級高于=操作符；c.&&操作符優(yōu)先級高于||裳食。
??????然后作者說矛市，JavaScript規(guī)范對運算符優(yōu)先級并沒有一個集中的介紹，因此需要從語法規(guī)則中間逐一了解诲祸。（不過也早有人整理出專門的文章了）

2.1 短路

??????對&&和||來說浊吏，如果從左邊的操作數(shù)能夠得出結(jié)果，就可以忽略右邊的操作數(shù)救氯。我們將這種現(xiàn)象稱為“短路”找田。
??????實際開發(fā)中，短路經(jīng)常用來做判斷着憨，如果左邊的操作數(shù)滿足某條件墩衙，后續(xù)的操作就可以略過。

2.2 更強的綁定

??????&&運算符的優(yōu)先級高于||甲抖，而||的優(yōu)先級又高于漆改？ :。
??????這個規(guī)則的另外一種講法：“&&和||比准谚？：的綁定更強”籽懦。

2.3 關(guān)聯(lián)

??????&&運算符是左關(guān)聯(lián)（||也是），所以a && b && c會被處理為(a&& b) &&c氛魁。
??????像&&和||左關(guān)聯(lián)還是右關(guān)聯(lián)計算結(jié)果都是一樣暮顺。
??????但三目運算符?:就不是這樣a ? b : c ? d : e是左關(guān)聯(lián)還是右關(guān)聯(lián)就會影響到結(jié)果。
??????三目運算符是右關(guān)聯(lián)的秀存，a ? b : c ? d : e 相當(dāng)于 a ? b : (c ? d : e)
??????=賦值運算符也是右關(guān)聯(lián)捶码。

2.4

??????有時候用()把短語包住，可以使代碼更易懂或链。有時候惫恼，不用()，僅憑運算符優(yōu)先級澳盐，可以使代碼更簡潔祈纯。建議根據(jù)實際情況斟酌后選擇。

3.自動分號

??????JavaScript會自動為代碼行補上缺失的分號叼耙，即自動分號插入（Automatic SemicolonInsertion, ASI）腕窥。
??????ASI只在換行符處起作用，而不會在代碼行的中間插入分號筛婉，并且只有在代碼行末尾與換行符之間除了空格和注釋之外沒有別的內(nèi)容時簇爆，它才會這樣做。
??????仔細(xì)閱讀規(guī)范就會發(fā)現(xiàn)，ASI實際上是一個“糾錯”（error correction）機(jī)制入蛆。這里的錯誤是指解析器錯誤响蓉。換句話說，ASI的目的在于提高解析器的容錯性哨毁。
??????依賴于ASI實際上是將換行符當(dāng)作有意義的“空格”來對待枫甲。因此作者說，不要依賴ASI扼褪，該加分號的地方自己加上分號言秸。

4.錯誤

??????JavaScript不僅有各種類型的運行時錯誤（TypeError、ReferenceError迎捺、SyntaxError等）举畸，它的語法中也定義了一些編譯時錯誤。
??????在編譯階段發(fā)現(xiàn)的代碼錯誤叫作“早期錯誤”（early error）凳枝。語法錯誤是早期錯誤的一種抄沮。

??????然后作者介紹了一種從ES6起才有的語法錯誤，叫TDZ（Temporal Dead Zone岖瑰，暫時性死區(qū)）叛买。
??????指的是由于代碼中的變量還沒有初始化而不能被引用的情況。
??????例：

{
    a = 2; // ReferenceError!
    let a;
}

又例：

{
    typeof a; // ReferenceError!
    typeof b; // undefined
    let a;
}

5. 函數(shù)參數(shù)

??????函數(shù)參數(shù)中的TDZ：

var b = 3;
function foo(a = 42, b = a + b + 5) {...}

a + b + 5在參數(shù)b的TDZ中訪問b蹋订，會報錯率挣，但它訪問a是沒問題的，因為此時剛好跨出了參數(shù)a的TDZ露戒。

function foo(a = 42, b = a + 1) {...}

??????此處42是a的默認(rèn)值椒功，a + 1是b的默認(rèn)值。
??????如果沒有傳入?yún)?shù)智什，或傳入undefined动漾，則取該參數(shù)的默認(rèn)值。

??????但是沒傳參數(shù)和傳入undefined有一個區(qū)別荠锭，arguments的length會不一樣旱眯，不傳的話length為0，傳的話arguments中會出現(xiàn)一個值位undefined的單元证九。
??????不建議用arguments删豺，自從ES6有了剩余參數(shù)...之后，就更沒必要了愧怜。

6.try..finally

??????我們知道finally中的代碼總是會在try之后執(zhí)行呀页，如果有catch的話則在catch之后執(zhí)行。
??????假如try中有return語句叫搁，會怎么樣呢赔桌？

funcion foo() {
    try{ 
      return 42;
    }
    finally{
      console.log("Hello");
    }
}

console.log(foo());
// Hello
// 42

??????這里return 42先執(zhí)行，并將foo()函數(shù)的返回值設(shè)置為42渴逻。然后try執(zhí)行完畢疾党，接著執(zhí)行finally。最后foo()函數(shù)執(zhí)行完畢惨奕，console.log(..)顯示返回值雪位。

??????如果try中有throw語句也是，finally代碼塊會被執(zhí)行梨撞，然后函數(shù)拋出異常雹洗。
??????如果finally中拋出異常，則此前try中（如果有）已有的return值會被丟棄卧波，函數(shù)拋出異常时肿。
??????try中有continue語句也一樣，try后面如果有finally港粱，finally還是會被執(zhí)行螃成，再continue去下一輪循環(huán)。
??????另外查坪，finally中的return會覆蓋try和catch中return的返回值寸宏。（要注意，在finally中return后面如果不跟值偿曙，則會返回前面的return設(shè)定的返回值氮凝。）

??????finally中如果有break標(biāo)簽，還可以跳過try中的return：

function foo() {
    bar: {
      try {
        return 42;
      }
      finally {
        break bar;
      }
    }
    console.log('Creazy');
    return 'Hello';
}
console.log(foo());
// Crazy
// Hello

7.switch

??????注意switch case中的匹配是===望忆，嚴(yán)格相等才匹配罩阵。
??????switch中的break可以帶標(biāo)簽。

??????一個奇葩例子：

var a  = 10;
switch(a) {
  case 1:
  case 2:
  // 永遠(yuǎn)執(zhí)行不到這里
  default:
    console.log("default");
  case 3:
    console.log("3");
    break;
  case 4:
    console.log("4")
}
// default
// 3

??????首先遍歷并找到所有匹配的case启摄，如果沒有匹配則執(zhí)行default中的代碼永脓。因為其中沒有break，所以繼續(xù)執(zhí)行已經(jīng)遍歷過的case 3代碼塊鞋仍，直到break為止常摧。

你不知道的js（中卷）第5章 語法