【JS腳丫系列】嚴格模式"use strict";

時間 2020-02-08

標籤 JS腳丫系列嚴格模式 use strict 欄目 JavaScript 简体版

原文原文鏈接

【JS腳丫系列】嚴格模式"use strict";面試

學習就比如是座大山，人們沿着不一樣的路爬山，分享着本身看到的風景。你不必定能看到別人看到的風景，體會到別人的心情。只有本身去爬山，才能看到不同的風景，體會才更加深入。
點擊上面的「贊」，你的支持是我最大的動力。segmentfault

【01】嚴格模式"use strict";瀏覽器

內容來源於網絡和我所閱讀過書籍。安全

【JS腳丫系列】網絡

概念

嚴格模式（strict mode）。閉包

【01】ES5引入。app

【02】Javascript語言的一個特色，就是容許"動態綁定"，即某些屬性和方法到底屬於哪個對象，不是在編譯時肯定的，而是在運行時（runtime）肯定的。函數

嚴格模式對動態綁定作了一些限制。學習

某些狀況下，只容許靜態綁定。也就是說，屬性和方法到底歸屬哪一個對象，在編譯階段就肯定。這樣作有利於編譯效率的提升，也使得代碼更容易閱讀，更少出現意外。測試

Q：如何開啓嚴格模式？

把如下代碼放在一個 JavaScript文件或函數的起始位置（第一行）時，才能夠開啓嚴格模式。

(嚴格地說，只要前面不是產生實際運行結果的語句，"use strict"能夠不在第一行，好比直接跟在一個空的分號後面。)

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

"use strict";

不然 - 在 JavaScript 文件的不是文件開頭也不是函數開始的部位聲明的話 - 就是一個不使用的通常的字符串，除了浪費幾個字節，沒什麼別的用處。

這行代碼看起來像是字符串，並且也沒有賦值給任何變量，但其實它是一個編譯指示（pragma），用於告訴支持的JS引擎切換到嚴格模式。

這是爲不破壞ES3語法而特地選定的語法。

這是一條指令。指令不是語句（但很是接近於語句）。

它不包含任何語言的關鍵字，指令僅僅是一個包含一個特殊字符串直接量的表達式（能夠是使用單引號也可使用雙引號），對於那些沒有實現ES5的JS解釋器來講，它只是一條沒有反作用的表達式語句，它什麼也沒作。

這種語法（從ES3開始支持）能夠向後兼容那些不支持嚴格模式的JavaScript引擎。支持嚴格模式的引擎會啓動這種模式，而不支持該模式的引擎就當遇到了一個未賦值的字符串字面量，會忽略這個編譯指示。

<script>
　　　　"use strict";
　　　　console.log("這是嚴格模式。");
</script>
<script>
　　　　console.log("這是正常模式。");
</script>

上面的代碼表示，一個網頁中依次有兩段Javascript代碼。前一個script標籤是嚴格模式，後一個不是。

指令擺放位置：

推薦在全部的函數 (或者全部最外層函數) 的開始處加入 "use strict"; 指令啓動嚴格模式，而毫不推薦在文件的開頭處寫全局 "use strict" - 相反，這時一些 ES 校驗器會給出警告。

全局 "use strict" 爲何很差?

一個重要的緣由就是文件合併時，一些文件用了嚴格模式，而另外一些沒有。這時這些原本是嚴格模式的文件，被 merge 後，這個串就到了文件的中間，不只沒有指示嚴格模式，反而在壓縮後浪費了字節。

【】在函數內部的上方包含這條編譯指示，能夠指定函數在嚴格模式下執行。

就像下面這樣：

function doSomething(){
    "use strict";

    //其餘代碼
}

腳本文件的變通寫法

由於第一種調用方法不利於文件合併，因此更好的作法是，借用第二種方法，將整個腳本文件放在一個當即執行的匿名函數之中。

(function (){
    "use strict";
    // some code here
})();

嚴格模式的做用：

嚴格模式爲JS定義了一種不一樣的解析與執行模型。

在嚴格模式下，ES3中的一些不肯定的行爲將獲得處理，並且對某些不安全的操做也會拋出錯誤。

ES5中的嚴格模式是該語言的一個受限制的子集，它修正了語言的重要缺陷，並提供健壯的查錯功能和加強的安全機制。

提升編譯器效率，增長運行速度；

瀏覽器支持

支持嚴格模式的瀏覽器包括IE10+、Firefox 4+、Safari 5.1+、Opera 12+和Chrome。

判斷是不是嚴格模式

調用的函數（不是方法）中的一個this值是undefined。（在非嚴格模式中，調用的函數中的this值老是全局對象）。能夠利用這種特性來判斷JavaScript實現是否支持嚴格模式：

var hasStrictMode = (function () {
    "use strict";
    return this === undefined
}());

在嚴格模式中的規則：

禁止使用with語句

在嚴格模式下使用with會致使語法錯誤。

由於with語句沒法在編譯時就肯定，屬性到底歸屬哪一個對象。

"use strict";
var v = 1;
with (o){ // 語法錯誤
　　v = 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

禁止使用0開頭的八進制直接量

不容許使用八進制整數直接量（以0爲前綴，而不是0x爲前綴）的。

（在非嚴格模式中某些實現是容許八進制整數直接量的）。

正常模式下，整數的第一位若是是0，表示這是八進制數，好比0100等於十進制的64。

嚴格模式禁止這種表示法，整數第一位爲0，將報錯。

"use strict";
var n = 0100; // 語法錯誤

ES5也修改了嚴格模式下parseInt()的行爲。現在，八進制字面量在嚴格模式下會被看成以0開頭的十進制字面量。例如：

//使用parseInt()解析八進制字面量
//非嚴格模式:值爲8
//嚴格模式:值爲10
var value = parseInt("010");

保留字/關鍵字

爲了向未來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保留字，也是不能做爲變量名的。

標識符eval和arguments當作關鍵字，它們的值是不能更改的。不能給這些標識符賦值，也不能把它們聲明爲變量、用作函數名、用作函數參數或用作catch塊的標識符。

不能將它們用做標識符，意味着如下幾種使用方式都會拋出語法錯誤：

使用var聲明；
賦予另外一個值；
嘗試修改包含的值，如使用++；
用做函數名；
用做命名的函數參數；
在try-catch語句中用做例外名。

例如：

//把eval和arguments做爲變量引用
//非嚴格模式:沒問題，不出錯
//嚴格模式:拋出語法錯誤
var eval = 10;
var arguments = "Hello world!";

delete刪除非法標識符

當delete運算符後跟隨非法的標識符（好比變量、函數、函數參數）時，將會拋出一個語法錯誤異常。

（在非嚴格模式中，這種delete表達式什麼也沒作，並返回false）。

全局變量顯式聲明

全部的變量都要先聲明，若是給一個未聲明的變量、函數、函數參數、catch從句參數或全局對象的屬性賦值，將會拋出一個引用錯誤ReferenceError異常。

（在非嚴格模式中，這種隱式聲明的全局變量的方法是給全局對象新添加一個新屬性）。

在正常模式中，若是一個變量沒有聲明就賦值，默認是全局變量。

嚴格模式禁止這種用法，全局變量必須顯式聲明。

"use strict";

　　v = 1; // 報錯，v未聲明

　　for(i = 0; i < 2; i++) { // 報錯，i未聲明

　　}

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

在非嚴格模式下，能夠像下面這樣建立全局變量：

//未聲明變量
//非嚴格模式:建立全局變量
//嚴格模式:拋出ReferenceError
message = "Hello world! ";

即便message前面沒有var關鍵字，即便沒有將它定義爲某個全局對象的屬性，也能將message建立爲全局變量。但在嚴格模式下，若是給一個沒有聲明的變量賦值，那代碼在執行時就會拋出ReferenceError。

【】測試結果爲：

arguments對象的限制

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

不容許對arguments賦值

"use strict";
arguments++; // 語法錯誤
var obj = { set p(arguments) { } }; // 語法錯誤
try { } catch (arguments) { } // 語法錯誤
function arguments() { } // 語法錯誤
var f = new Function("arguments", "'use strict'; return 17;"); // 語法錯誤

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]

例如：

//修改命名參數的值
//非嚴格模式:修改會反映到arguments中
//嚴格模式:修改不會反映到arguments中

function showValue(value){
    value = "Foo"; 
    alert(value);        //"Foo"
    alert(arguments[0]); //非嚴格模式:"Foo"
                         //嚴格模式:"Hi"
}

showValue("Hi");

禁止使用arguments.callee

這意味着，你沒法在匿名函數內部調用自身了。

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

重名錯誤

對象不能有重名的屬性

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

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

函數不能有重名的參數

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

"use strict";
function f(a, a, b) { // 語法錯誤
    return ;
}

顯式報錯

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

爲不可擴展的（nonextensible）的對象添加屬性會拋出TypeError。

嚴格模式下，將報錯。

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

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

"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; // 報錯

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

function f(){    return !this;}
// 返回false，由於"this"指向全局對象，"!this"就是false
function f(){    "use strict";   
 return !this;}
 // 返回true，由於嚴格模式下，this的值爲undefined，因此"!this"爲true。

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

function f(){    
    "use strict";  
      this.a = 1;};
      f();// 報錯，this未定義

call和apply中的this

當經過call()或apply()來調用函數時，其中的this值就是經過call()或apply()傳入的第一個參數。

在非嚴格模式下使用函數的apply()或call()方法時，null或undefined值會被轉換爲全局對象。

而在嚴格模式下，函數的this值始終是指定的值，不管指定的是什麼值。

例如：

//訪問屬性
//非嚴格模式:訪問全局屬性
//嚴格模式:拋出錯誤，由於this的值爲null

var color = "red";

function displayColor(){
    alert(this.color);
} 

displayColor.call(null);

在Non-strict Mode，若是上下文的值是原始的（primitive），好比數字 1，那它將會被轉換成一個對象，一個Number對象。

而在strict mode ，這個原始的值 1，將會被保留。
Non-strict Mode:

console.log(function () {
    return this;
}.call(1));

//=Number {}

Strict Mode:

console.log(function () {
    "use strict";
    return this;
}.call(1));
//=1

沒法刪除不可配置的變量

試圖刪除一個不可配置的屬性將拋出一個類型錯誤異常（在非嚴格模式中，delete表達式操做失敗，並返回false）。

只有configurable設置爲true的對象屬性，才能被刪除。

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

禁止在函數內部遍歷調用棧

arguments.caller和arguments.callee都會拋出一個類型錯誤異常。

函數具備caller和arguments屬性，當訪問這兩個屬性時將拋出類型錯誤異常。

function f1(){    
"use strict";   
 f1.caller; // 報錯 
   f1.arguments; // 報錯}f1();

函數必須聲明在頂層

Javascript的新版本會引入」塊級做用域」。

爲了與新版本接軌，嚴格模式只容許在全局做用域或函數做用域的頂層聲明函數。

也就是說，不容許在非函數的代碼塊內聲明函數。

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

在非嚴格模式下，以上代碼能在全部瀏覽器中運行，但在嚴格模式下會致使語法錯誤。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。