【JavaScript編程】嚴格模式

說明

• 除了正常的運行模式，JavaScript 還有第二種運行模式：嚴格模式（strict mode）。顧名思義，這種模式採用更加嚴格的 JavaScript 語法。
• 同樣的代碼，在正常模式和嚴格模式中，可能會有不一樣的運行結果。一些在正常模式下可以運行的語句，在嚴格模式下將不能運行。

一、設計初衷

1、早期的 JavaScript 語言有很多設計不合理的地方，但是爲了兼容以前的代碼，又不能改變老的語法，只能不斷添加新的語法，引導程序員使用新語法。

2、嚴格模式是從 ES5 進入標準的，主要目的有以下幾個：

• 明確禁止一些不合理、不嚴謹的語法，減少 JavaScript 語言的一些怪異行爲。
• 增加更多報錯的場合，消除代碼運行的一些不安全之處，保證代碼運行的安全。
• 提高編譯器效率，增加運行速度。
• 爲未來新版本的 JavaScript 語法做好鋪墊。

二、使用方法

1、進入嚴格模式的標誌，是一行字符串use strict。老版本的引擎會把它當作一行普通字符串，加以忽略。新版本的引擎就會進入嚴格模式。一旦發現代碼中又不符合嚴格模式規範的，將會在瀏覽器控制檯輸出錯誤，如下：

'use strict';
a = 1;

2、嚴格模式可以用於整個腳本，也可以只用於單個函數。

• use strict放在腳本文件的第一行（前面沒有運行代碼，如：可以放在註釋後面），整個腳本都將以嚴格模式運行；

• use strict放在函數體的第一行，則整個函數以嚴格模式運行。

  function strict() {
  	'use strict';
  	return '這是嚴格模式';
  }
  

• 有時，需要把不同的腳本合併在一個文件裏面。如果一個腳本是嚴格模式，另一個腳本不是，它們的合併就可能出錯。嚴格模式的腳本在前，則合併後的腳本都是嚴格模式；如果正常模式的腳本在前，則合併後的腳本都是正常模式。這兩種情況下，合併後的結果都是不正確的。這時可以考慮把整個腳本文件放在一個立即執行的匿名函數之中。

  (function () {
    	'use strict';
    	//
  })();
  

三、嚴格模式的代碼規範

全局變量顯式聲明

'use strict';
a = 1; // Uncaught ReferenceError: a is not defined

禁止函數內部的 this 關鍵字指向全局對象，避免無意間創造全局變量

// 正常模式
function fn() {
    return this;
}
fn() // window
fn.call(2) // Number {2}
fn.call(true) // Boolean {true}
fn.call(null) // window
fn.call(undefined) // window

// 嚴格模式
'use strict';

function fn() {
    return this;
}
fn() //undefined
fn.call(2) // 2
fn.call(true) // true
fn.call(null) // null
fn.call(undefined) // undefined

禁止使用 fn.callee、fn.caller

function fn() {
    'use strict';
    fn.caller;
    fn.arguments;
}
fn();  // Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

禁止使用 arguments.callee、arguments.caller

arguments.callee和arguments.caller是兩個歷史遺留的變量，從來沒有標準化過，現在已經取消了。正常模式下調用它們沒有什麼作用，但是不會報錯。嚴格模式明確規定，函數內部使用arguments.callee、arguments.caller將會報錯。

'use strict';
var f = function () {
    return arguments.callee;
};
f(); // Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

禁止刪除變量

'use strict';
var a;
delete a; // Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.

只讀屬性不可寫

'use strict';
'abc'.length = 5; // Uncaught TypeError: Cannot assign to read only property 'length' of string 'abc'

只設置了取值器的屬性不可寫

'use strict';
var obj = {
    get v() {
        return 1;
    }
};
obj.v = 2; // Uncaught TypeError: Cannot set property v of #<Object> which has only a getter

禁止擴展的對象不可擴展

'use strict';
var obj = {};
Object.preventExtensions(obj);
obj.v = 1; // Uncaught TypeError: Cannot add property v, object is not extensible

eval、arguments 不可用作標識名

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

函數不能有重名的參數

'use strict'
function f(a, a, b) {
  	return a + b; // Uncaught SyntaxError: Duplicate parameter name not allowed in this context
} 

禁止八進制的前綴0表示法

'use strict'
var n = 0100; // Uncaught SyntaxError: Octal literals are not allowed in strict mode.

禁止使用 with 語句

'use strict';
var v  = 1;
var obj = {};

with (obj) {
  v = 2;
}
// Uncaught SyntaxError: Strict mode code may not include a with statement

創設 eval 作用域，eval所生成的變量只能用於eval內部

'use strict'
(function () {
    var x = 2;
    console.log(eval('var x = 5; x')) // 5
    console.log(x) // 2
})()

arguments 不再追蹤參數的變化

function f(a) {
    a = 2;
    return [a, arguments[0]];
}
f(1); // 正常模式爲[2, 2]

function f(a) {
    'use strict';
    a = 2;
    return [a, arguments[0]];
}
f(1); // 嚴格模式爲[2, 1]

非函數代碼塊不得聲明函數

下面代碼在 if 代碼塊和 for 代碼塊中聲明瞭函數，ES5 環境會報錯。如果是 ES6 環境，則不會報錯，因爲 ES6 允許在代碼塊之中聲明函數。

'use strict';
if (true) {
    function f1() {} // 語法錯誤
}
for (var i = 0; i < 5; i++) {
    function f2() {} // 語法錯誤
}

保留字

爲了向將來 JavaScript 的新版本過渡，嚴格模式新增了一些保留字（implements、interface、let、package、private、protected、public、static、yield等）。使用這些詞作爲變量名將會報錯。

'use strict';
var public; // Uncaught SyntaxError: Unexpected strict mode reserved word

參考文章

https://mp.weixin.qq.com/s/-tMT52FbRVuQWJTXxryDXw