ECMAScript5中引入的嚴(yán)格模式,通過讓JavaScript運(yùn)行環(huán)境對一些開發(fā)過程中最常見和不易發(fā)現(xiàn)的錯(cuò)誤做出和當(dāng)前不同的處理,來讓開發(fā)者擁有一個(gè)”更好”的JavaScript語言。很長一段時(shí)間內(nèi),由于只有Firefox支持嚴(yán)格模式,我曾對嚴(yán)格模式表示懷疑。但到了今天,所有主流的瀏覽器都在他們的最新版本中支持了嚴(yán)格模式(包括IE10,Opera12和Android4,IOS5)是時(shí)候開始使用嚴(yán)格模式了。

嚴(yán)格模式能起到什么作用?

嚴(yán)格模式為JavaScript引入了很多變化,我把他們分為兩類(明顯的和細(xì)微的)。細(xì)微改進(jìn)的目標(biāo)是修復(fù)當(dāng)前JavaScript中的一些細(xì)節(jié)問題,對于這些問題我不在這里進(jìn)行深入介紹;如果你有興趣,請閱讀Dmitry Soshnikov撰寫的精彩文檔ECMA-262-5 in Detail Chapter 2 Strict Mode。 我在這里主要介紹嚴(yán)格模式引入的明顯變化,那些在你使用嚴(yán)格模式前應(yīng)該知道的概念和那些對你幫助最大的改變。

在開始學(xué)習(xí)具體特性前,請記住嚴(yán)格模式的一大目標(biāo)是讓你能更快更方便的調(diào)試。運(yùn)行環(huán)境在發(fā)現(xiàn)問題時(shí)顯性的拋出錯(cuò)誤比默不做聲的失敗或怪異行事(未開啟嚴(yán)格模式的JavaScript運(yùn)行環(huán)境經(jīng)常這樣)要好。嚴(yán)格模式會(huì)拋出更多錯(cuò)誤,但這是好事,因?yàn)檫@些錯(cuò)誤會(huì)喚起你注意并修復(fù)很多以前很難被發(fā)現(xiàn)的潛在問題。

去除WITH關(guān)鍵詞

首先,嚴(yán)格模式中去除了with語句,包含with語句的代碼在嚴(yán)格模式中會(huì)拋出異常。所以使用嚴(yán)格模式的第一步:確保你的代碼中沒有使用with。

防止意外為全局變量賦值

其次,局部變量在賦值前必須先進(jìn)行申明。在啟用嚴(yán)格模式之前,為一個(gè)未申明的局部變量復(fù)制時(shí)會(huì)自動(dòng)創(chuàng)建一個(gè)同名全局變量。這是Javacript程序中最容易出現(xiàn)的錯(cuò)誤之一, 在嚴(yán)格模式中嘗試這么做時(shí)會(huì)有顯性的異常拋出。

函數(shù)中的THIS不再默認(rèn)指向全局

嚴(yán)格模式中另一個(gè)重要的變化是函數(shù)中未被定義或?yàn)榭? null or undefined)的this不在默認(rèn)指向全局環(huán)境(global)。這會(huì)造成一些依賴函數(shù)中默認(rèn)this行為的代碼執(zhí)行出錯(cuò),例如:

this在被賦值之前會(huì)一直保持為undefined,這意味著當(dāng)一個(gè)構(gòu)造函數(shù)在執(zhí)行時(shí),如果之前沒有明確的new關(guān)鍵詞,會(huì)拋出異常。

在上面的代碼中,Person構(gòu)造函數(shù)運(yùn)行時(shí)因?yàn)橹皼]有new,函數(shù)中的this會(huì)保留為undefined, 由于你不能為undefined設(shè)置屬性,上面的代碼會(huì)拋出錯(cuò)誤。 在非strict模式環(huán)境中,沒有被復(fù)制的this會(huì)默認(rèn)指向window全局變量,運(yùn)行的結(jié)果將是意外的為window全局變量設(shè)置name屬性。

防止重名

當(dāng)編寫大量代碼時(shí),對象屬性和函數(shù)參數(shù)很容易一不小心被設(shè)置成一個(gè)重復(fù)的名字。嚴(yán)格模式在這種情況下會(huì)顯性的拋出錯(cuò)誤

以上的代碼在嚴(yán)格模式中都會(huì)被認(rèn)為是語法錯(cuò)誤而在執(zhí)行前就讓你能得到提示。

安全的 EVAL()

雖然eval()語句最終沒有被移除,但在嚴(yán)格模式中仍然對它進(jìn)行了一些改進(jìn)。最大的改變是在eval()中執(zhí)行的變量和函數(shù)申明不會(huì)直接在當(dāng)前作用域中創(chuàng)建相應(yīng)變量或函數(shù),例如:

任何在eval()執(zhí)行過程中創(chuàng)建的變量或者函數(shù)保留在eval()中。但你能明確的從eval()語句的返回值來獲取eval()中的執(zhí)行結(jié)果,例如:

對只讀屬性修改時(shí)拋出異常

ECMAScript5中還引入為對象的特定屬性設(shè)為只讀,或讓整個(gè)對象不可修改的能力。 但在非嚴(yán)格模式中,嘗試修改一個(gè)只讀屬性只會(huì)默不做聲的失敗。 在你和一些瀏覽器原生API打交道過程中,你很可能遇到這種情況。嚴(yán)格模式會(huì)在這種情況下明確的拋出異常,提醒你修改這個(gè)屬性是不被允許的。

上面的例子中,name屬性被設(shè)為只讀,非嚴(yán)格模式中執(zhí)行對name屬性的修改不會(huì)引發(fā)報(bào)錯(cuò),但修改不會(huì)成功。但嚴(yán)格模式則會(huì)明確的拋出異常。

NOTE: 強(qiáng)烈建議你在使用任何ECMAScript屬性特性指定時(shí)開啟嚴(yán)格模式。

如何使用?

在現(xiàn)代瀏覽器中開啟嚴(yán)格模式非常容易,只需要在JavaScript代碼中出現(xiàn)以下指令即可

"use strict";
 

雖然看上去上面的代碼僅僅只是未賦予某個(gè)變量的字符串,它實(shí)際上起到指示JavaScript引擎切換到嚴(yán)格模式的作用(不支持嚴(yán)格模式的瀏覽器會(huì)忽略以上代碼,不會(huì)對后續(xù)的執(zhí)行產(chǎn)生任何影響)。雖然你能把這個(gè)指令作用到全局或某個(gè)函數(shù)中,但這里還是要提醒,不要在全局環(huán)境下啟用嚴(yán)格模式。

因此,最好把開啟嚴(yán)格模式的指令作用于函數(shù)中,例如:

結(jié)論

我強(qiáng)烈建議你從現(xiàn)在開始就啟用JavaScript嚴(yán)格模式,它能幫你發(fā)現(xiàn)代碼中未曾注意到的錯(cuò)誤。不要在全局環(huán)境中啟用,但你能盡量多的使用IIFE(立即執(zhí)行函數(shù)表達(dá)式)來把嚴(yán)格模式作用到多個(gè)函數(shù)范圍內(nèi)。一開始,你會(huì)遇到之前未曾碰到過的錯(cuò)誤提示,這是正常的。當(dāng)啟用嚴(yán)格模式后,請確保在支持的瀏覽器中做了測試,以發(fā)現(xiàn)新的潛在問題。一定不要僅僅在代碼中添加一行”use strict”就假定余下的代碼能正常工作。最后,請?jiān)趪?yán)格模式下開始編寫更好的代碼。

注：
這里有各款瀏覽器對嚴(yán)格模式支持情況的一個(gè)匯總。
可以在這個(gè)頁面對當(dāng)前瀏覽器的嚴(yán)格模式支持度進(jìn)行測試。

嚴(yán)格模式的優(yōu)勢：

使JavaScript更牢固
1.      This不再被封裝，在normal mode下，this一直是對象。
2.      Fun.caller和fun.arguments即不是可以刪除的屬性，也不能被set或retrieved。
3.      Arguments.caller也是不可以刪除的屬性，也不能set或retrieved。

為將來的ECMAScript版本鋪平道路
1.      增加了下列保留字：implements, interface, let,package, private, protected, public, static和yield 。
2.      方法聲明應(yīng)該放在腳本或方法的最前面，不能放在if或for等語句中間。