[JS奇怪的世界]No.60 嚴謹模式

前言

經過前面幾個章節的理解,其實我們可以知道 JavaScript 的自由性是很高的,但是如果你今天希望 JavaScript 比較嚴格的話,這也是可以的,只需要透過一個方式就可以讓 JavaScript 進入嚴格模式。

嚴謹模式 (strict mode)

一般來講使用嚴謹模式絕對會有一定性的陣痛期,因為人難免會習慣自由,但是使用嚴謹模式主要的目的是為了解決一些不必要的奇怪問題,所以該如何替自己的 JavaScript 開啟嚴謹模式?開啟後又有何差異,就讓我們由範例來瞭解吧。

以下範例是非嚴謹模式,一般來講打錯字是我們最常做的事情,那如果今天這樣子呢?會跳錯嗎?

1
2
3
var person ; 
persom = {};
console.log(persom);

圖片

不會,它並不會犯錯,原因為什麼?因為 JavaScript 的自由關係,在語法解析器它在辨別 persom 時,會找看看執行環境下有沒有一下叫 persom,若沒有它就會自作主張幫我們補上 var,那通常這會導致一些 debug 上的問題。

那該怎麼避免這種狀況?這時候就要使用嚴謹模式,嚴謹模式的啟用方式非常簡單,只需要在最前面寫上一段 "use strict" 即可,這時候我們再看看範例會變怎樣。

1
2
3
4
"use strict";
var person ;
persom = {};
console.log(persom);

圖片

這時候我們會得到 「Persom is not defined uncaught reference error」。

這邊有一個細節要注意 "use strict" 一定要放在所有程式碼最前面,否則會沒有效果。

1
2
3
4
var person ; 
persom = {};
console.log(persom);
"use strict";

圖片

當然也可以針對特定得執行環境下有嚴格模式。

1
2
3
4
5
6
7
8
9
10
11
function logNewPerson() {
"use strict";
var person2;
persom2 = {};
console.log(persom2);
}
"use strict";
var person;
persom = {};
console.log(persom);
logNewPerson();

圖片

使用 "use strict"; 是一個很好的方式,可以幫助我們減少一些不必要的錯誤,但通常也會建議搭配一些 JavaScript 風格管理(ESlint),或是改寫 TypeScript。

那因為自己還沒有學習 TypeScript,所以沒辦法提出範例作解講,但是我將參考資料放在這裡。

TypeScript入門 {學習筆記}

TypeScript 入门教程

另外補充如果想再多了解 嚴謹模式 (strict mode) 的話,這邊我也提供相關資料。

MDN

卡斯伯

iT邦幫忙

圖源

JavaScript 全攻略:克服 JS 奇怪的部分

Liker 讚賞

這篇文章如果對你有幫助,你可以花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與牡蠣鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

Buy Me A Coffee Buy Me A Coffee

Google AD

撰寫一篇文章其實真的很花時間,如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話,我會非常感謝你 ヽ(・∀・)ノ