填坑-十萬個爲何？（5）

簡介:不少概念不清或忘記，從新構建本身的知識體系。天天問本身1~多個問題。我是菜鳥 成爲大神之路!

1. ECMAScript 5的嚴格模式是什麼？

感受開始讀嚴格模式(link)的相關概念時真是一臉懵B,讀完仍是不知道什麼是嚴格模式這個問題。

理解思路：
理解這句話：'⭐嚴格模式對正常的 JavaScript語義作了一些更改'
①使用嚴格模式和不是用嚴格模式有什麼不一樣？有哪些例子能夠體現他的不一樣？
②嚴格模式對正常的 JavaScript語義作了一些更改。
    嚴格模式經過拋出錯誤來消除了一些原有靜默錯誤。
    嚴格模式修復了一些致使 JavaScript引擎難以執行優化的缺陷：有時候，相同的代碼，嚴格模式能夠比非嚴格模式下運行得更快。
    嚴格模式禁用了在ECMAScript的將來版本中可能會定義的一些語法。
複製代碼

2.和原語義比較語法和行爲有什麼變化？

①全局變量顯式聲明

在正常模式中，若是一個變量沒有聲明就賦值，默認是全局變量。
在嚴格模式中，禁止這種用法，全局變量必須顯式聲明。

"use strict";
v = 1; // 報錯，v未聲明
for(i = 0; i < 2; i++) { // 報錯，i未聲明
}
複製代碼

所以，嚴格模式下，變量都必須先用var命令聲明，而後再使用。

①靜態綁定

Javascript語言的一個特色，就是容許"動態綁定"，即某些屬性和方法到底屬於哪個對象，不是在編譯時肯定的，而是在運行時（runtime）肯定的。
嚴格模式對動態綁定作了一些限制。某些狀況下，只容許靜態綁定。也就是說，屬性和方法到底歸屬哪一個對象，在編譯階段就肯定。這樣作有利於編譯效率的提升，也使得代碼更容易閱讀，更少出現意外。

（1）禁止使用with語句
由於with語句沒法在編譯時就肯定，屬性到底歸屬哪一個對象。

"use strict";
    var v = 1;
    with (o){ // 語法錯誤 
        v = 2;
    }
複製代碼

（2）創設eval做用域
正常模式下，Javascript語言有兩種變量做用域（scope）：全局做用域和函數做用域。嚴格模式創設了第三種做用域：eval做用域。
正常模式下，eval語句的做用域，取決於它處於全局做用域，仍是處於函數做用域。嚴格模式下，eval語句自己就是一個做用域，再也不可以生成全局變量了，它所生成的變量只能用於eval內部。

'use strict';
var x = 2;
console.info(eval('var x = 5; x')); // 5
console.info(x); // 2
複製代碼

③加強的安全措施

（1）禁止this關鍵字指向全局對象

function f1() {
  return !this;
}// 返回false，由於"this"指向全局對象，"!this"就是false
console.log(f1());
function f2() {
 'use strict';
  return !this;
}// 返回true，由於嚴格模式下，this的值爲undefined，因此"!this"爲true。
console.log(f2());
複製代碼

所以，使用構造函數時，若是忘了加new，this再也不指向全局對象，而是報錯。

④禁止刪除變量

嚴格模式下沒法刪除變量。只有configurable設置爲true的對象屬性，才能被刪除。

'use strict';
var x;
delete x; // 語法錯誤
var o = Object.create(null, {
  'x': {
    value: 1,
    configurable: true
  }
});
delete o.x; // 刪除成功
複製代碼

⑤顯式報錯

正常模式下，對一個對象的只讀屬性進行賦值，不會報錯，只會默默地失敗。嚴格模式下，將報錯。

'use strict';
var o = {
};
Object.defineProperty(o, 'v', {
  value: 1,
  writable: false
});
o.v = 2; // 報錯
複製代碼

嚴格模式下，對一個使用getter方法讀取的屬性進行賦值，會報錯。

'use strict';
var o = {
  get v() {
    return 1;
  }
};
o.v = 2; // 報錯
複製代碼

嚴格模式下，對禁止擴展的對象添加新屬性，會報錯。

'use strict';
var o = {
};
Object.preventExtensions(o);
o.v = 1; // 報錯
複製代碼

嚴格模式下，刪除一個不可刪除的屬性，會報錯。

'use strict';
delete Object.prototype; // 報錯
複製代碼

⑥重名錯誤

嚴格模式新增了一些語法錯誤。
（1）對象不能有重名的屬性

正常模式下，若是對象有多個重名屬性，最後賦值的那個屬性會覆蓋前面的值。嚴格模式下，這屬於語法錯誤。

'use strict';
var o = {
  p: 1,
  p: 2
}; // 語法錯誤
複製代碼

（2）函數不能有重名的參數

正常模式下，若是函數有多個重名的參數，能夠用arguments[i]讀取。嚴格模式下，這屬於語法錯誤。

'use strict';
function f(a, a, b) { // 語法錯誤
  return;
}
複製代碼

⑦禁止八進制表示法

正常模式下，整數的第一位若是是0，表示這是八進制數，好比0100等於十進制的64。嚴格模式禁止這種表示法，整數第一位爲0，將報錯。

'use strict';
var n = 64; // 語法錯誤
複製代碼

⑧arguments對象的限制

arguments是函數的參數對象，嚴格模式對它的使用作了限制。

（1）不容許對arguments賦值

'use strict';
arguments++; // 語法錯誤
var obj = {
  set p(arguments) {
  }
}; // 語法錯誤
try {
} catch (arguments) {
} // 語法錯誤

function arguments() {
} // 語法錯誤

var f = new Function('arguments', '\'use strict\'; return 17;'); // 語法錯誤
複製代碼

（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]
複製代碼

（3）禁止使用arguments.callee
這意味着，你沒法在匿名函數內部調用自身了。

'use strict';
var f = function () {
  return arguments.callee;
};
f(); // 報錯
複製代碼

⑨函數必須聲明在頂層

未來Javascript的新版本會引入"塊級做用域"。爲了與新版本接軌，嚴格模式只容許在全局做用域或函數做用域的頂層聲明函數。也就是說，不容許在非函數的代碼塊內聲明函數。

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

⑩保留字

爲了向未來Javascript的新版本過渡，嚴格模式新增了一些保留字：implements, interface, let, package, private, protected, public, static, yield。 使用這些詞做爲變量名將會報錯。

function package(protected) { // 語法錯誤
 'use strict';
  var implements; // 語法錯誤
}
複製代碼

此外，ECMAscript第五版自己還規定了另外一些保留字（class, enum, export, extends, import, super），以及各大瀏覽器自行增長的const保留字，也是不能做爲變量名的。

3. 如何使用嚴格模式？

①爲腳本開啓嚴格模式

爲整個腳本文件開啓嚴格模式，須要在全部語句以前放一個特定語句 "use strict"; （或 'use strict';）

// 整個腳本都開啓嚴格模式的語法
"use strict";
var v = "Hi! I'm a strict mode script!";
複製代碼

②爲函數開啓嚴格模式

要給某個函數開啓嚴格模式，得把 "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."; }
複製代碼

總結：

以上問題都是嚴格模式的相關內容，通俗的理解就是 咱們在腳本或函數中使用了"use strict";標記，使得對應的代碼具備嚴格模式的相關特性。 相關特性體如今第2問； 和原語義比較語法和行爲有什麼變化？

參考文章：
① www.ruanyifeng.com/blog/2013/0…
② www.cnblogs.com/enmeen/p/73…
③ developer.mozilla.org/zh-CN/docs/…
④ developer.mozilla.org/zh-CN/docs/…