ECMAScript 5嚴(yán)格模式(Strict Mode)介紹
嚴(yán)格模式(Strict Mode)是ECMAScript 5的新特性,它允許你把整個(gè)程序,或者某個(gè)函數(shù),放置在“嚴(yán)格”的操作語(yǔ)境中。這種嚴(yán)格的語(yǔ)境會(huì)防止某些特定的操作并拋出更多的異常。
雖然ECMAScript 5對(duì)ECMAScript 3是向下兼容的,但是在嚴(yán)格模式下,所有在ECMAScript 3中不贊成使用的特性都被禁用(或拋出錯(cuò)誤)而不是兼容。
啟用嚴(yán)格模式有以下好處:
1.捕獲一些編程錯(cuò)誤,并拋出異常。
2.阻止進(jìn)行一些相對(duì)“不安全”的操作(例如訪問(wèn)全局變量),拋出異常。
3.禁用一些讓人迷惑的特性。
關(guān)于嚴(yán)格模式的大多數(shù)信息都可以在《ES5規(guī)范》[PDF]的第223頁(yè)找到。
(注意:ECMAScript 5的嚴(yán)格模式跟Firefox的嚴(yán)格模式是不同的)
如何啟用嚴(yán)格模式
在程序的開頭添加這條語(yǔ)句即可對(duì)整段腳本啟用嚴(yán)格模式:
'use strict';
也可以只在函數(shù)的內(nèi)部啟用嚴(yán)格模式,這樣不會(huì)影響到外部:
function imStrict() {
'use strict';
// ... your code ...
}
啟用嚴(yán)格模式的語(yǔ)句只是一段普通的字符串“use strict”,沒(méi)有任何新語(yǔ)法。這意味著不會(huì)對(duì)就舊式瀏覽器造成任何負(fù)面影響。
在函數(shù)內(nèi)部啟用嚴(yán)格模式的一個(gè)實(shí)際應(yīng)用是,把整個(gè)Javascript類庫(kù)定義在嚴(yán)格模式的函數(shù)內(nèi)部,這樣就可以不影響外部的代碼:
// Non-strict code...
(function(){
"use strict";
// Define your library strictly...
})();
// Non-strict code...
那么,嚴(yán)格模式下的腳本有什么改變呢?
變量和屬性
對(duì)未定義變量的賦值將會(huì)失敗,而不是把這個(gè)變量作為全局變量。
寫入一個(gè)可寫特性為false的屬性,刪除一個(gè)可配置特性為false的屬性,或者添加一個(gè)可擴(kuò)展特性為false的屬性,都會(huì)導(dǎo)致錯(cuò)誤(這些特性是預(yù)先商定好的)。過(guò)去,這些操作不會(huì)拋出異常,僅僅是靜默地失敗。
對(duì)變量、函數(shù)或者函數(shù)參數(shù)執(zhí)行delete操作會(huì)導(dǎo)致錯(cuò)誤。
var foo = 'test';
function test() { }
delete foo; // Error
delete test; // Error
function test2(arg) {
delete arg; // Error
}
在一個(gè)對(duì)象容器內(nèi)部定義相同屬性會(huì)導(dǎo)致異常的拋出:
// Error
{ foo: true, foo: false }
eval
任何對(duì)“eval”這個(gè)名字的使用(主要意圖是把eval函數(shù)指向一個(gè)變量或者是對(duì)象的屬性)都是禁止的。
// All generate errors...
obj.eval = ...
obj.foo = eval;
var eval = ...;
for ( var eval in ... ) {}
function eval(){}
function test(eval){}
function(eval){}
new Function("eval")
另外,通過(guò)eval聲明新變量也會(huì)無(wú)效:
eval("var a = false;");
print( typeof a ); // undefined
函數(shù)
重寫arguments對(duì)象會(huì)導(dǎo)致錯(cuò)誤:
arguments = [...]; // not allowed
同名參數(shù)會(huì)導(dǎo)致錯(cuò)誤:
(function(foo, foo) { }) // Error
對(duì)arguments.caller和arguments.callee的訪問(wèn)會(huì)拋出異常。因此,任何需要用到的匿名函數(shù)都必須先命名,例如:
setTimeout(function later(){
// do stuff...
setTimeout(later, 1000);
}, 1000 );
函數(shù)的arguments、caller和callee屬性不再存在,定義它們的操作也是禁止的。
function test() { }
test.caller = 'caller'; // Error
最后,一個(gè)長(zhǎng)期存在(且非常討厭)的BUG已經(jīng)被解決了:當(dāng)使用null或者undefined作為Function.prototype.call或Function.prototype.apply方法的第一個(gè)參數(shù)時(shí),函數(shù)內(nèi)部的this將會(huì)指向全局對(duì)象。而嚴(yán)格模式將會(huì)阻止其執(zhí)行并拋出異常:
(function(){ ... }).call(null); // Exception
with() { }
with() { }語(yǔ)句在嚴(yán)格模式下是完全掛掉了。
相關(guān)文章
js對(duì)象內(nèi)部訪問(wèn)this修飾的成員函數(shù)示例
這篇文章主要介紹了js對(duì)象內(nèi)部訪問(wèn)this修飾的成員函數(shù)示例,需要的朋友可以參考下2014-04-04圖文詳解Heap Sort堆排序算法及JavaScript的代碼實(shí)現(xiàn)
這篇文章以圖文詳解Heap Sort堆排序算法及JavaScript的代碼實(shí)現(xiàn),堆排序算法基于類二叉樹的堆數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下2016-05-05document.getElementById的簡(jiǎn)寫方式(獲取id對(duì)象的簡(jiǎn)略寫法)
在js編寫中,經(jīng)常需要獲取id對(duì)象,如果直接用getElementById來(lái)獲取,代碼多而且老的瀏覽器不支持這屬性,所有大家可以考慮用下面的代碼。2010-09-09a標(biāo)簽的href和onclick 的事件的區(qū)別介紹
a標(biāo)簽的href與onclick事件,想必大家不陌生吧,至于它們有什么區(qū)別,你知道嗎?下面就為大家介紹下,感興趣的朋友可以學(xué)習(xí)下,希望對(duì)大家有所幫助2013-07-07css配合JavaScript實(shí)現(xiàn)tab標(biāo)簽切換效果
本篇文章我們給大家分享一個(gè)關(guān)于CSS配合JS實(shí)現(xiàn)的TAB標(biāo)簽切換效果,需要的朋友們可以測(cè)試下。2018-10-10每日十條JavaScript經(jīng)驗(yàn)技巧(一)
本文是每日十條JavaScript經(jīng)驗(yàn)技巧系列文章的第一篇,給大家匯總介紹一些在JavaScript使用過(guò)程中的注意事項(xiàng),非常的簡(jiǎn)單,都是個(gè)人在平時(shí)項(xiàng)目中的一點(diǎn)小小的總結(jié),希望對(duì)大家能夠有所幫助2016-06-06