JS 基礎篇(五)：JS嚴格模式

目錄：

• 嚴格模式介紹
• 嚴格模式使用
  • 為整個腳本開啟嚴格模式
  • 為函數開啟嚴格模式
• 嚴格模式的改變
  • 普通變量
  • 重名問題
  • 禁止this關鍵字指向全局對象
  • 靜态綁定
  • arguments對象的限制
  • 禁止在函數内部周遊調用棧
  • 保留字

一、嚴格模式介紹

除了正常運作模式，ECMAscript 5添加了第二種運作模式：“嚴格模式”（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運作。

設立"嚴格模式"的目的，主要有以下幾個：

• 消除Javascript文法的一些不合理、不嚴謹之處，減少一些怪異行為;
• 消除代碼運作的一些不安全之處，保證代碼運作的安全；
• 提高編譯器效率，增加運作速度；
• 為未來新版本的Javascript做好鋪墊。

"嚴格模式"展現了Javascript更合理、更安全、更嚴謹的發展方向，包括IE 10在内的主流浏覽器，都已經支援它，許多大項目已經開始全面擁抱它。

另一方面，同樣的代碼，在"嚴格模式"中，可能會有不一樣的運作結果；一些在"正常模式"下可以運作的語句，在"嚴格模式"下将不能運作。

二、嚴格模式使用

1、為整個腳本開啟嚴格模式

為整個腳本檔案開啟嚴格模式，需要在所有語句之前放一個特定語句 “use strict”; （或 ‘use strict’;）

// 整個腳本都開啟嚴格模式的文法
"use strict";
var v = "Hi!  I'm a strict mode script!";
           

2、為函數開啟嚴格模式

要給某個函數開啟嚴格模式，得把 “use strict”; (或 ‘use strict’; )聲明一字不漏地放在函數體所有語句之前。

function strict(){
  // 函數級别嚴格模式文法
  'use strict';
  function nested() { return "And so am I!"; }
  return "Hi!  I'm a strict mode function!  " + nested();
}
function notStrict() { return "I'm not strict."; }
           

三、嚴格模式的改變

1、普通變量

• 嚴格模式下，變量都必須先用var指令聲明，然後再使用。
• 嚴格模式下對不可寫屬性指派，将報錯。
• 嚴格模式下對隻讀屬性指派，将報錯。
• 嚴格模式下對禁止擴充的對象添加新屬性，将報錯。
• 嚴格模式下删除一個不可删除的屬性，将報錯。
• 嚴格模式下删除聲明變量，将報錯。
• 嚴格模式下對八進制文法:var n = 023和var s = "\047"将報錯。

//嚴格模式下，變量都必須先用var指令聲明，然後再使用。
//在正常模式中，變量沒有聲明就指派，預設是全局變量。
demo1 = "success";
console.log(demo1); // 報錯

//嚴格模式下對不可寫屬性指派，将報錯。
var demo2 = {};
Object.defineProperty(demo2, "x", { value: 42, writable: false });
demo2.x = 9; //報錯

//嚴格模式下對隻讀屬性指派，将報錯。
var demo3 = { get x() { return 17; } };
demo3.x = 5;  //報錯

//嚴格模式下對禁止擴充的對象添加新屬性，将報錯。
var demo4 = {};
Object.preventExtensions(demo4);
demo4.newProp = "ohai"; //報錯

//嚴格模式下删除一個不可删除的屬性，将報錯。
delete Object.prototype; //報錯

//嚴格模式下無法删除變量。隻有configurable設定為true的對象屬性，才能被删除。
var x;
delete x; // 報錯

var demo5 = Object.create(null, {'x': {
    value: 1,
    configurable: true
}});
delete demo5.x; // 删除成功

//嚴格模式下對八進制文法:var n = 023和var s = "\047"将報錯。
var n = 023; //報錯
           

2、重名問題

嚴格模式下函數不能有重名的參數

//嚴格模式下函數不能有重名的參數
//正常模式下，如果函數有多個重名的參數，可以用arguments[i]讀取。
function demo6(a,a,b){return ;} //報錯
           

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

嚴格模式下，全局作用域的函數中的this不再指向全局而是undefined。

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

function demo7_1(){
    console.log(this);
}
function demo7_2(){
    function demo7_3(){
    console.log(this);
    }
    demo7_3();
}
demo7_1(); //undefined
demo7_2(); //undefined

function demo7_4(){
　  this.a = 1;
};
demo7_4();// 報錯，使用構造函數時，如果忘了加new，this不再指向全局對象，而是undefined.a。
           

4、靜态綁定

• 禁止使用with語句
• eval語句本身就是一個作用域，它所生成的變量隻能用于eval内部。

//嚴格模式下禁用with
var demo8 = 1;
with (o){ // 報錯 
　　demo8 = 2;
}

//正常模式下，eval語句的作用域，取決于它處于全局作用域，還是處于函數作用域。
//嚴格模式下，eval語句本身就是一個作用域，不再能夠生成全局變量了，它所生成的變量隻能用于eval内部。
//嚴格模式下，eval語句内傳入的字元串也是按照嚴格模式執行。
function demo9() {
    var x = 2;
    eval("var y = 1; console.log(y); "); //1
    eval("var x = 12");
    console.log(x); //2
    console.log(y); //報錯：y is not defined
}
demo9();
           

5、arguments對象的限制

• 不允許對arguments指派
• arguments不再追蹤參數的變化
• 禁止使用arguments.callee

//不允許對arguments指派
arguments++; //報錯

//arguments不再追蹤參數的變化
//在非嚴格模式中,修改arguments對象中某個索引屬性的值,和這個屬性對應的形參變量的值也會同時變化,反之亦然。
//在嚴格模式中arguments 對象會以形參變量的拷貝的形式被建立和初始化，是以arguments對象的改變不會影響形參。
function demo10_1(a) {
    a = 2;
    return [a, arguments[0]];
}
console.log(demo10_1(1)); // 正常模式為[2,2]

function demo10_2(a) {
    "use strict"
    a = 2;
    return [a, arguments[0]];
}
console.log(demo10_2(1)); // 嚴格模式為[2,1]

//禁止使用arguments.callee
var demo11 = function() { return arguments.callee; };
demo11(); // 報錯
           

6、禁止在函數内部周遊調用棧

function demo12(){
    demo12.caller; // 報錯
    demo12.arguments; // 報錯
}
demo12();
           

7、保留字

使用未來保留字(也許會在ECMAScript 6中使用):implements, interface, let, package, private, protected, public, static,和yield作為變量名或函數名會報錯。