DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> ECMAScript 5嚴格模式(Strict Mode)介紹
ECMAScript 5嚴格模式(Strict Mode)介紹
編輯:JavaScript綜合知識     

 這篇文章主要介紹了ECMAScript 5嚴格模式(Strict Mode)介紹,本文講解了如何啟用嚴格模式、啟用嚴格模式後對變量和屬性、函數、with語句的影響,需要的朋友可以參考下

   

嚴格模式(Strict Mode)是ECMAScript 5的新特性,它允許你把整個程序,或者某個函數,放置在“嚴格”的操作語境中。這種嚴格的語境會防止某些特定的操作並拋出更多的異常。

雖然ECMAScript 5對ECMAScript 3是向下兼容的,但是在嚴格模式下,所有在ECMAScript 3中不贊成使用的特性都被禁用(或拋出錯誤)而不是兼容。

啟用嚴格模式有以下好處:

1.捕獲一些編程錯誤,並拋出異常。
2.阻止進行一些相對“不安全”的操作(例如訪問全局變量),拋出異常。
3.禁用一些讓人迷惑的特性。

關於嚴格模式的大多數信息都可以在《ES5規范》[PDF]的第223頁找到。

(注意:ECMAScript 5的嚴格模式跟Firefox的嚴格模式是不同的)

如何啟用嚴格模式

在程序的開頭添加這條語句即可對整段腳本啟用嚴格模式:

代碼如下:
'use strict';
也可以只在函數的內部啟用嚴格模式,這樣不會影響到外部:
代碼如下:
function imStrict() {
'use strict';
// ... your code ...
}
啟用嚴格模式的語句只是一段普通的字符串“use strict”,沒有任何新語法。這意味著不會對就舊式浏覽器造成任何負面影響。

 

在函數內部啟用嚴格模式的一個實際應用是,把整個Javascript類庫定義在嚴格模式的函數內部,這樣就可以不影響外部的代碼:

代碼如下:
// Non-strict code...

 

(function(){
"use strict";

  // Define your library strictly...
})();

// Non-strict code...


那麼,嚴格模式下的腳本有什麼改變呢?

 

變量和屬性

對未定義變量的賦值將會失敗,而不是把這個變量作為全局變量。

寫入一個可寫特性為false的屬性,刪除一個可配置特性為false的屬性,或者添加一個可擴展特性為false的屬性,都會導致錯誤(這些特性是預先商定好的)。過去,這些操作不會拋出異常,僅僅是靜默地失敗。

對變量、函數或者函數參數執行delete操作會導致錯誤。

代碼如下:
var foo = 'test';
function test() { }

 

delete foo; // Error
delete test; // Error

function test2(arg) {
delete arg; // Error
}


在一個對象容器內部定義相同屬性會導致異常的拋出:
代碼如下:
// Error
{ foo: true, foo: false }

 

eval

任何對“eval”這個名字的使用(主要意圖是把eval函數指向一個變量或者是對象的屬性)都是禁止的。

代碼如下:
// All generate errors...
obj.eval = ...
obj.foo = eval;
var eval = ...;
for ( var eval in ... ) {}
function eval(){}
function test(eval){}
function(eval){}
new Function("eval")
另外,通過eval聲明新變量也會無效:
代碼如下:
eval("var a = false;");
print( typeof a ); // undefined

 

函數

重寫arguments對象會導致錯誤:

代碼如下:
arguments = [...]; // not allowed
同名參數會導致錯誤:
代碼如下:
(function(foo, foo) { }) // Error
對arguments.caller和arguments.callee的訪問會拋出異常。因此,任何需要用到的匿名函數都必須先命名,例如:
代碼如下:
setTimeout(function later(){
// do stuff...
setTimeout(later, 1000);
}, 1000 );
函數的arguments、caller和callee屬性不再存在,定義它們的操作也是禁止的。
代碼如下:
function test() { }
test.caller = 'caller';  // Error
最後,一個長期存在(且非常討厭)的BUG已經被解決了:當使用null或者undefined作為Function.prototype.call或Function.prototype.apply方法的第一個參數時,函數內部的this將會指向全局對象。而嚴格模式將會阻止其執行並拋出異常:
代碼如下:
(function(){ ... }).call(null); // Exception
with() { }

 

with() { }語句在嚴格模式下是完全掛掉了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved