DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript起點(嚴格模式深度了解)
JavaScript起點(嚴格模式深度了解)
編輯:JavaScript基礎知識     
嚴格模式(Strict Mode)是ECMAScript5新增的功能。ECMAScript5雖然可以向後兼容ECMAScript3,但如果使用嚴格模式,哪些ECMAScript5“不在建議使用”的ECMAScript3語法功能將會被全部進制,如果出現就會拋出一行。引入Strict Mode目的是允許開發人員能夠選擇“更好”的Javascript版本,這個版本能用不同的方式處理那些普遍而又臭名昭著的錯誤。目前所有的主流浏覽器的最新版本——包括IE10與Opera12——都支持嚴格模式。關於嚴格模式的大多數信息都可以在《ES5規范》[PDF]的第223頁找到。

如何啟用嚴格模式
可以在全局范圍內使用嚴格模式,也可以在一個函數范圍內使用嚴格模式。如果要再全局范圍內啟用嚴格模式,只需要在程序的第一行使用代碼即可:
復制代碼 代碼如下:
'use strict';

在函數的內部啟用嚴格模式,只需要在函數體內第一行使用代碼即可:
復制代碼 代碼如下:
function imStrict(){
  'use strict';
  // ... 其他代碼 ...
}

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

在函數內部啟用嚴格模式的一個實際應用是,把整個Javascript類庫定義在嚴格模式的函數內部,這樣就可以不影響外部的代碼:
復制代碼 代碼如下:
(function(){
  "use strict";
  // Define your library strictly...
})();

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

去除with語句(Eliminates with)
首先,嚴格模式去除了with語句。當with語句出現在嚴格模式中時,它會被認為是非法的Javascript語句並拋出語法錯誤。所以,使用嚴格模式的第一步就是確保你沒有在使用with。
復制代碼 代碼如下:
// 在嚴格模式中將導致語法錯誤
with(location){
alert(href);
}

防止意外的全局變量(Prevents accidental globals)
第二點是,變量在賦值之前必須聲明。在非嚴格模式下,給一個未聲明的變量賦值將自動生成一個該名字的全局變量。這是Javascript中最普遍的錯誤之一。嚴格模式中,這樣做將拋出一個錯誤。
復制代碼 代碼如下:
// 嚴格模式中拋出一個錯誤
(function(){
someUndeclaredVar ="foo";
}());

取消this值的強制轉換(Eliminates this coercion)
另一個重要的變化是,當this值為null或undefined時,不會再將其強制轉換為全局對象。也就是說,this保留了它的原始值,也因此可能會導致一些依賴於強制轉換的代碼發生錯誤。例如:
復制代碼 代碼如下:
window.color ="red";
function sayColor(){
// 嚴格模式下,this不會指向window
alert(this.color);
}
// 以下兩種情況,在嚴格模式下都拋出錯誤
sayColor();
sayColor.call(null);

根本而言,this值必須賦值,否則將保留undefined值。這意味著調用構造函數時若漏掉了new關鍵字也會導致錯誤:
復制代碼 代碼如下:
functionPerson(name){
this.name = name;
}
// 嚴格模式下導致錯誤
var me =Person("Nicholas");

在這段代碼裡,調用Person構造函數時缺少了new關鍵字,此時this值為undefined。由於你不能給undefined添加屬性,這段代碼拋出了一個錯誤。在非嚴格模式下,this會強制轉換為全局對象,因此name屬性能夠被正確賦值為全局變量。
拒絕重復(No duplicates)
當你做了大量的編碼的時候,你很容易在對象中定義了重復的屬性或者給函數定義了重復的參數名。嚴格模式下,這兩種情況都會導致錯誤的發生:
復制代碼 代碼如下:
// 嚴格模式下錯誤 - 重復參數
function doSomething(value1, value2, value1){
//code
}
// 嚴格模式下錯誤 - 重復屬性
var object ={
foo:"bar",
foo:"baz"
};

這兩者都是語法錯誤,在代碼執行之前將拋出錯誤。
更安全的eval()(Safer eval())
eval()沒有被移除,但它在嚴格模式下發生了一些變化。最大的改變是:在eval()語句中聲明的變量以及函數不會在包含域中創建。例如:
復制代碼 代碼如下:
(function(){
eval("var x = 10;");
// 非嚴格模式下,x為10
// 嚴格模式下,x沒有聲明,拋出一個錯誤
alert(x);
}());

任意由eval()創建的變量或函數仍呆在eval()裡。然而,你可以通過從eval()中返回一個值的方式實現值的傳遞:
復制代碼 代碼如下:
(function(){
var result =eval("var x = 10, y = 20; x + y");
// 嚴格模式與非嚴格模式下都能正常工作(得到30)
alert(result);
}());

不可改變引發的錯誤(Errors for immutables)
ECMAScript 5 同時引入了修改屬性特征的能力,例如設置一個屬性為只讀或者凍結整個對象的結構(freezing an entire object's structure)。在非嚴格模式下,試圖修改一個不可變的屬性時將悄無聲息地失敗。你可能在使用一些原生APIs的時候已經遇到這類問題。嚴格模式將 保證無論你在何時試圖使用一種不被允許的方式修改一個對象或對象的屬性時拋出錯誤。
復制代碼 代碼如下:
var person ={};
Object.defineProperty(person,"name"{
writable:false,
value:"Nicholas"
});
// 非嚴格模式下將悄無聲息地失敗,嚴格模式則拋出錯誤
person.name ="John";

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

:如果你在使用ECMAScript屬性能力(the ECMAScript attribute capabilities),我強烈推薦你開啟嚴格模式。如果你在改變對象的可變性(mutability of objects),你將遇到一堆錯誤,而它們在非嚴格模式下將被安靜地帶過。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved