JavaScript Weird Part (32) - 觀念小叮嚀 語法解析器

我們要再一次熟悉語法解析器,因為這對後面認識底層知識十分重要。

已經知道我們寫的程式碼不會直接被電腦執行,而是有一個在程式碼和電腦中間中介的程式,轉換你的程式為電腦懂的東西。這就是瀏覽器裡的 JavaScript 引擎做的事情,其中之一就是語法解析器。

語法解析器會閱讀程式碼,判斷這是否有效。如果它一個一個字看程式碼,看到 ‘r’,它假設你可能要輸入的是 ‘return’,所以它會預期再看到一個 ‘e’,它會一個一個字進行。如果它看到一些非預期的東西,它會認為是錯誤。但如果它看到的是預期的有效語法,它會繼續下去,它知道你意圖要做什麼。它會在遇到分號的時候結束

所以語法解析器會做假設、遵守某些規則,甚至可以在執行前改變你的程式碼,這就是發生在 JavaScript 的狀況。

認識 JavaScript 引擎如何閱讀程式碼很重要:逐字地、採用一些規則、判斷語法有效性、決定你要做什麼.這些就是在程式碼執行前發生的事情。所以它可能採取某些改變。

儘管語法解析器是幫助我們的工具,但是在使用 JavaScript 的時候,一定要避免一個和語法解析器有關的危險狀況:自動插入分號 (Automatic semocolon insertion)。

分號在 JavaScript 核心不是必要的,這是因為 JavaScript 引擎自動完成某些事情。它一次看一個字母,一個特定程式句,它會知道程式語言應該呈現什麼樣子,例如輸入一個 return 但沒有輸入 ; 就按 enter 鍵,這時按下的 enter 就會是一個 carriage return,這是一個雖然看不見但存在的字元
語法解析器認識它,所以會拒絕在解析器沒有分號的時候就跳倒下一行,解析器不允許使用這個特別的陳述句,所以解析器會自動插入分號。語法解析器會在預期你有分號的地方,自動幫你補上分號

雖然這是很棒的事情,但永遠要記得要自己打出分號,因為我們會想要 JavaScript 引擎幫我們下決定,這才能確定程式碼是我們要的樣子。尤其在回傳的時候,自動插入分號會導致很大的問題

1
2
3
4
5
6
7
function getPerson(){
return
{firstname: 'Tony'
}
}

console.log(getPerson());

如果語法解析器在 return後面發現 carrige return (按下enter)
,它會自動插入分號,所以出現 undefined。所以它離開這個函數了

要解決這個問題,就要告訴語法解析器我們正在做什麼,要預防自動插入分號
,就用空格加一個大括號,解析器才知道我們開始用物件實體語法

1
2
3
4
5
6
7
function getPerson(){
return {
firstname: 'Tony'
}
}

console.log

雖然不是每次必要把大括號放在跟函數、for 迴圈、if 陳述句同一行。但這樣做可以避免自動插入分號,避免這個難以追蹤的危險。

Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2020 CYC'S BLOG All Rights Reserved.

UV : | PV :