淺談JS嚴格模式


淺談JS嚴格模式

簡介

何為嚴格模式?嚴格模式(strict mode)即在嚴格的條件下運行,在嚴格模式下,很多正常情況下不會報錯的問題語句,將會報錯並阻止運行。

但是,嚴格模式可以顯著提高代碼的健壯性,比如JS經常被人詬病的隱式創建全局變量,在嚴格模式下就會阻止運行。

總的來說,引入嚴格模式雖然會導致一些代碼不可運行,但是,嚴格模式使得一些JS廣受詬病的問題無法運行,從長期角度上看,絕對是利大於弊。

用法

進入嚴格模式的方法很簡單,只需要在在需要進入嚴格模式的作用域開頭輸入"user strict"即可,值得一提的是,在無法執行嚴格模式的舊版瀏覽器中(IE10之前),該條指令會自動被忽略。

例1:

"user strict";
x = 1;			// Uncaught ReferenceError: x is not defined

如例1所示,在全局作用域的開頭定義了嚴格模式,並隱式定義了全局變量xx = 1 這條語句在嚴格模式下,拋出了異常,提示沒有顯式創建變量a

例2:

"use strict";
fn();

function fn () {
  x = 1;			// Uncaught ReferenceError: x is not defined
}

在例2中,由於嚴格模式定義在全局作用域中,而fn作用域被全局作用域所包含,所以fn作用域中同樣執行了嚴格模式。

注:也可以通過執行上下文棧來解釋。

例3:

x = 1;
fn();

function fn () {
  "use strict"
  y = 2;			// Uncaught ReferenceError: y is not defined
}

在例3中,由於嚴格模式只定義在fn函數的局部作用域中,在全局作用域中不起作用,所以全局作用域中,隱式定義全局變量x沒有拋出異常,而在局部作用域中,隱式定義全局變量y拋出異常。

規則

1.嚴格模式下無法隱式創建全局變量

2.嚴格模式會使引起靜默失敗(silently fail,注:不報錯也沒有任何效果)的賦值操做拋出異常

"use strict";

// 給不可寫屬性賦值
var obj1 = {};
Object.defineProperty(obj1, "x", { value: 42, writable: false });
obj1.x = 9; // 拋出TypeError錯誤

// 給只讀屬性賦值
var obj2 = { get x() { return 17; } };
obj2.x = 5; // 拋出TypeError錯誤

// 給不可擴展對象的新屬性賦值
var fixed = {};
Object.preventExtensions(fixed);
fixed.newProp = "ohai"; // 拋出TypeError錯誤

3.在嚴格模式下,試圖刪除不可刪除的屬性時,會拋出異常(之前這種操作不會產生任何效果)

"use strict";
delete Object.prototype; // 拋出TypeError錯誤

4.在嚴格模式下,不允許重名屬性

"use strict";
var o = { p: 1, p: 2 }; // 語法錯誤

5.嚴格模式要求函數參數名唯一

function sum(a, a, c){ // 語法錯誤
  "use strict";
  return a + a + c; // 代碼運行到這里會出錯
}

6.禁止八進制數字語法

"use strict";
var sum = 015 + // 語法錯誤
          197 +
          142;

7.禁止設置原始類型(primitive)值的屬性

(function() {
  "use strict";

  false.true = "";              //TypeError
  (14).sailing = "home";        //TypeError
  "with".you = "far away";      //TypeError

})();

8.禁用with

9.嚴格模式下,eval()創建變量不能被調用

"use strict";
eval ("var x = 2");
alert (x);               		// Uncaught ReferenceError: x is not defined

10.嚴格模式禁止刪除聲明變量

"use strict";

var x;
delete x; // 語法錯誤

eval("var y; delete y;"); // 語法錯誤

11.不能使用evalarguments字符串

"use strict";
var arguments = 1;    // Uncaught SyntaxError: Unexpected eval or arguments in strict mode
var eval = 2;		  // Uncaught SyntaxError: Unexpected eval or arguments in strict mode

12.嚴格模式下,函數的 arguments 對象會保存函數被調用時的原始參數。arguments[i] 的值不會隨與之相應的參數的值的改變而變化,同名參數的值也不會隨與之相應的 arguments[i] 的值的改變而變化。

13.不再支持arguments.callee

"use strict";
var f = function() { return arguments.callee; };
f(); 				// TypeError

14.保留部分關鍵字,這些字符包括implements, interface, let, package, private, protected, public, staticyield。在嚴格模式下,你不能再用這些名字作為變量名或形參名。

15.禁止this指向全局對象,當this指向全局對象時,自動轉為undefined

總結

隨着JS的飛速發展,出現了一大堆可以代替嚴格模式的工具,比如eslint等,但是,當你想要提升原生JS代碼的健壯性和可讀性,回避JS一些被人詬病的語法,嚴格模式是你不二的選擇。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM