JavaScript起點(嚴格模式深度了解)

更新時間：2013年01月28日 14:17:00 作者：

嚴格模式(Strict Mode)是ECMAScript5新增的功能,目前所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支持嚴格模式,感興趣的朋友可以了解下啊，希望本文對你有所幫助

嚴格模式(Strict Mode)是ECMAScript5新增的功能。ECMAScript5雖然可以向后兼容ECMAScript3，但如果使用嚴格模式，哪些ECMAScript5“不在建議使用”的ECMAScript3語法功能將會被全部進制，如果出現(xiàn)就會拋出一行。引入Strict Mode目的是允許開發(fā)人員能夠選擇“更好”的Javascript版本，這個版本能用不同的方式處理那些普遍而又臭名昭著的錯誤。目前所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支持嚴格模式。關于嚴格模式的大多數(shù)信息都可以在《ES5規(guī)范》[PDF]的第223頁找到。

如何啟用嚴格模式
可以在全局范圍內(nèi)使用嚴格模式，也可以在一個函數(shù)范圍內(nèi)使用嚴格模式。如果要再全局范圍內(nèi)啟用嚴格模式，只需要在程序的第一行使用代碼即可：

復制代碼代碼如下:

'use strict';

在函數(shù)的內(nèi)部啟用嚴格模式，只需要在函數(shù)體內(nèi)第一行使用代碼即可：

復制代碼代碼如下:

 
function imStrict(){ 
　　'use strict'; 
　　// ... 其他代碼 ... 
} 

啟用嚴格模式的語句只是一段普通的字符串“use strict”，沒有任何新語法。這意味著不會對就舊式瀏覽器造成任何負面影響，因此可以大膽使用。

在函數(shù)內(nèi)部啟用嚴格模式的一個實際應用是，把整個Javascript類庫定義在嚴格模式的函數(shù)內(nèi)部，這樣就可以不影響外部的代碼：

復制代碼代碼如下:

 
(function(){ 
　　"use strict"; 
　　// Define your library strictly... 
})(); 

嚴格模式帶來了什么?
在開始介紹特殊特性之前，你需要記住，嚴格模式的目標之一是允許更快地調(diào)試錯誤。幫助開發(fā)者調(diào)試的最佳途徑是當確定的問題發(fā)生時拋出相應的錯誤(throw errors when certain patterns occur)，而不是悄無聲息地失敗或者表現(xiàn)出奇怪的行為(這正是如今不在嚴格模式下的Javascript做的)。嚴格模式下的代碼拋出更多的錯誤信息，這是好事，因為它能幫助開發(fā)者很快注意到一些必須立即解決的問題。

去除with語句(Eliminates with)
首先，嚴格模式去除了with語句。當with語句出現(xiàn)在嚴格模式中時，它會被認為是非法的Javascript語句并拋出語法錯誤。所以，使用嚴格模式的第一步就是確保你沒有在使用with。

復制代碼代碼如下:

 
// 在嚴格模式中將導致語法錯誤 
with(location){ 
alert(href); 
} 

防止意外的全局變量(Prevents accidental globals)
第二點是，變量在賦值之前必須聲明。在非嚴格模式下，給一個未聲明的變量賦值將自動生成一個該名字的全局變量。這是Javascript中最普遍的錯誤之一。嚴格模式中，這樣做將拋出一個錯誤。

復制代碼代碼如下:

 
// 嚴格模式中拋出一個錯誤 
(function(){ 
someUndeclaredVar ="foo"; 
}()); 

取消this值的強制轉(zhuǎn)換(Eliminates this coercion)
另一個重要的變化是，當this值為null或undefined時，不會再將其強制轉(zhuǎn)換為全局對象。也就是說，this保留了它的原始值，也因此可能會導致一些依賴于強制轉(zhuǎn)換的代碼發(fā)生錯誤。例如：

復制代碼代碼如下:

 
window.color ="red"; 
function sayColor(){ 
// 嚴格模式下，this不會指向window 
alert(this.color); 
} 
// 以下兩種情況，在嚴格模式下都拋出錯誤 
sayColor(); 
sayColor.call(null); 

根本而言，this值必須賦值，否則將保留undefined值。這意味著調(diào)用構(gòu)造函數(shù)時若漏掉了new關鍵字也會導致錯誤：

復制代碼代碼如下:

 
functionPerson(name){ 
this.name = name; 
} 
// 嚴格模式下導致錯誤 
var me =Person("Nicholas"); 

在這段代碼里，調(diào)用Person構(gòu)造函數(shù)時缺少了new關鍵字，此時this值為undefined。由于你不能給undefined添加屬性，這段代碼拋出了一個錯誤。在非嚴格模式下，this會強制轉(zhuǎn)換為全局對象，因此name屬性能夠被正確賦值為全局變量。
拒絕重復(No duplicates)
當你做了大量的編碼的時候，你很容易在對象中定義了重復的屬性或者給函數(shù)定義了重復的參數(shù)名。嚴格模式下，這兩種情況都會導致錯誤的發(fā)生：

復制代碼代碼如下:

 
// 嚴格模式下錯誤 - 重復參數(shù) 
function doSomething(value1, value2, value1){ 
//code 
} 
// 嚴格模式下錯誤 - 重復屬性 
var object ={ 
foo:"bar", 
foo:"baz" 
}; 

這兩者都是語法錯誤，在代碼執(zhí)行之前將拋出錯誤。
更安全的eval()(Safer eval())
eval()沒有被移除，但它在嚴格模式下發(fā)生了一些變化。最大的改變是：在eval()語句中聲明的變量以及函數(shù)不會在包含域中創(chuàng)建。例如：

復制代碼代碼如下:

 
(function(){ 
eval("var x = 10;"); 
// 非嚴格模式下，x為10 
// 嚴格模式下，x沒有聲明，拋出一個錯誤 
alert(x); 
}()); 

任意由eval()創(chuàng)建的變量或函數(shù)仍呆在eval()里。然而，你可以通過從eval()中返回一個值的方式實現(xiàn)值的傳遞：

復制代碼代碼如下:

 
(function(){ 
var result =eval("var x = 10, y = 20; x + y"); 
// 嚴格模式與非嚴格模式下都能正常工作（得到30） 
alert(result); 
}()); 

不可改變引發(fā)的錯誤(Errors for immutables)
ECMAScript 5 同時引入了修改屬性特征的能力，例如設置一個屬性為只讀或者凍結(jié)整個對象的結(jié)構(gòu)(freezing an entire object's structure)。在非嚴格模式下，試圖修改一個不可變的屬性時將悄無聲息地失敗。你可能在使用一些原生APIs的時候已經(jīng)遇到這類問題。嚴格模式將保證無論你在何時試圖使用一種不被允許的方式修改一個對象或?qū)ο蟮膶傩詴r拋出錯誤。

復制代碼代碼如下:

 
var person ={}; 
Object.defineProperty(person,"name"{ 
writable:false, 
value:"Nicholas" 
}); 
// 非嚴格模式下將悄無聲息地失敗，嚴格模式則拋出錯誤 
person.name ="John"; 

這個例子中，name屬性被設置為只讀。在非嚴格模式下，對name的賦值將悄無聲息地失敗;而在嚴格模式下，一個錯誤將被拋出。

注：如果你在使用ECMAScript屬性能力(the ECMAScript attribute capabilities)，我強烈推薦你開啟嚴格模式。如果你在改變對象的可變性(mutability of objects)，你將遇到一堆錯誤，而它們在非嚴格模式下將被安靜地帶過。

您可能感興趣的文章: