天天看點

JS 嚴格模式下的常見規則大全(親測有效)

1、全局變量顯式聲明

在正常模式中,如果一個變量沒有聲明就指派,預設是全局變量。嚴格模式禁止這種用法,全局變量必須顯式聲明。

"use strict";
a = 1; // 報錯,a is not defined
           

2、禁止this關鍵字指向全局對象

f();
function f(){
    console.log(!this); // false
} 
// 列印false,因為"this"指向全局對象,"!this"就是false
function f(){ 
  "use strict";
  console.log(this); // undefined
  console.log(!this); // true
} 
// 列印true,因為嚴格模式下,this的值為undefined,是以"!this"為true。
           

是以,使用構造函數時,如果忘了加new,this不再指向全局對象,而是報錯。

f();
function f(){
  this.a = 1; //  this 指向的是 window
    console.log(this.a) // 1
};
function f(){
  "use strict"; // this未定義
  this.a = 1; //  Cannot set property 'a' of undefined
};
           

3、禁止删除變量

嚴格模式下無法删除變量。隻有configurable設定為true的對象屬性,才能被删除。

var x;
delete x;
console.log(x) // undefined

"use strict";
var x;      
delete x; 
// 文法錯誤
// 在嚴格模式下删除非限定辨別符 (Delete of an unqualified identifier in strict mode.)
var o = Object.create(null, {'x': {
  value: 1,
  configurable: true
}});
delete o.x; // 删除成功
console.log(o.x) // undefined
           

4、函數不能有重名的參數

正常模式下,如果函數有多個重名的參數,可以用arguments[i]讀取。嚴格模式下,這屬于文法錯誤。

"use strict";
function f(a, a, b) { 
  
}
// 文法錯誤
// 此上下文中不允許重複的參數名 (Duplicate parameter name not allowed in this context)
           

更多嚴格模式的寫法可以去 MDN文檔 檢視