【JS腳丫系列】嚴(yán)格模式"use strict";
學(xué)習(xí)就好比是座大山，人們沿著不同的路登山，分享著自己看到的風(fēng)景驳概。你不一定能看到別人看到的風(fēng)景剔蹋，體會到別人的心情旅薄。只有自己去登山，才能看到不一樣的風(fēng)景泣崩，體會才更加深刻少梁。
點擊上面的“贊”，你的支持是我最大的動力矫付。
【01】嚴(yán)格模式"use strict";
內(nèi)容來源于網(wǎng)絡(luò)和我所閱讀過書籍猎莲。
概念
嚴(yán)格模式（strict mode）。
【01】ES5引入技即。
【02】Javascript語言的一個特點著洼，就是允許"動態(tài)綁定"，即某些屬性和方法到底屬于哪一個對象而叼，不是在編譯時確定的身笤，而是在運行時（runtime）確定的。
嚴(yán)格模式對動態(tài)綁定做了一些限制葵陵。
某些情況下液荸，只允許靜態(tài)綁定。也就是說脱篙，屬性和方法到底歸屬哪個對象娇钱，在編譯階段就確定。這樣做有利于編譯效率的提高绊困，也使得代碼更容易閱讀文搂，更少出現(xiàn)意外。
Q：如何開啟嚴(yán)格模式秤朗？
把以下代碼放在一個 JavaScript文件或函數(shù)的起始位置（第一行）時煤蹭，才可以開啟嚴(yán)格模式。
(嚴(yán)格地說取视，只要前面不是產(chǎn)生實際運行結(jié)果的語句硝皂，"use strict"可以不在第一行，比如直接跟在一個空的分號后面作谭。)
將"use strict"放在函數(shù)體的第一行稽物，則整個函數(shù)以"嚴(yán)格模式"運行。
"use strict";
否則 - 在 JavaScript 文件的不是文件開頭也不是函數(shù)開始的部位聲明的話 - 就是一個不使用的一般的字符串折欠，除了浪費幾個字節(jié)贝或，沒什么別的用處吼过。
這行代碼看起來像是字符串，而且也沒有賦值給任何變量傀缩，但其實它是一個編譯指示（pragma）那先，用于告訴支持的JS引擎切換到嚴(yán)格模式。
這是為不破壞ES3語法而特意選定的語法赡艰。
這是一條指令售淡。指令不是語句（但非常接近于語句）。
它不包含任何語言的關(guān)鍵字慷垮，指令僅僅是一個包含一個特殊字符串直接量的表達式（可以是使用單引號也可以使用雙引號）揖闸，對于那些沒有實現(xiàn)ES5的JS解釋器來說，它只是一條沒有副作用的表達式語句料身，它什么也沒做汤纸。
這種語法（從ES3開始支持）可以向后兼容那些不支持嚴(yán)格模式的JavaScript引擎。支持嚴(yán)格模式的引擎會啟動這種模式芹血，而不支持該模式的引擎就當(dāng)遇到了一個未賦值的字符串字面量贮泞，會忽略這個編譯指示。
<script>
"use strict";
console.log("這是嚴(yán)格模式幔烛。");
</script>
<script>
console.log("這是正常模式啃擦。");
</script>
上面的代碼表示，一個網(wǎng)頁中依次有兩段Javascript代碼饿悬。前一個script標(biāo)簽是嚴(yán)格模式令蛉，后一個不是。
指令擺放位置：
推薦在所有的函數(shù) (或者所有最外層函數(shù)) 的開始處加入 "use strict"; 指令啟動嚴(yán)格模式狡恬，而絕不推薦在文件的開頭處寫全局 "use strict" - 相反珠叔，這時一些 ES 校驗器會給出警告。
全局 "use strict" 為什么不好?
一個重要的原因就是文件合并時弟劲，一些文件用了嚴(yán)格模式祷安，而另一些沒有。這時這些本來是嚴(yán)格模式的文件函卒，被 merge 后辆憔，這個串就到了文件的中間，不僅沒有指示嚴(yán)格模式报嵌，反而在壓縮后浪費了字節(jié)。
【】在函數(shù)內(nèi)部的上方包含這條編譯指示熊榛，可以指定函數(shù)在嚴(yán)格模式下執(zhí)行锚国。
就像下面這樣：
function doSomething(){
"use strict";
//其他代碼
}
腳本文件的變通寫法
因為第一種調(diào)用方法不利于文件合并，所以更好的做法是玄坦，借用第二種方法血筑，將整個腳本文件放在一個立即執(zhí)行的匿名函數(shù)之中绘沉。
(function (){
"use strict";
// some code here
})();
嚴(yán)格模式的作用：
嚴(yán)格模式為JS定義了一種不同的解析與執(zhí)行模型。
在嚴(yán)格模式下豺总，ES3中的一些不確定的行為將得到處理车伞，而且對某些不安全的操作也會拋出錯誤。
ES5中的嚴(yán)格模式是該語言的一個受限制的子集喻喳，它修正了語言的重要缺陷另玖，并提供健壯的查錯功能和增強的安全機制。
提高編譯器效率表伦，增加運行速度谦去；
瀏覽器支持
支持嚴(yán)格模式的瀏覽器包括IE10+、Firefox 4+蹦哼、Safari 5.1+鳄哭、Opera 12+和Chrome。
判斷是否是嚴(yán)格模式
調(diào)用的函數(shù)（不是方法）中的一個this值是undefined纲熏。（在非嚴(yán)格模式中妆丘，調(diào)用的函數(shù)中的this值總是全局對象）【志ⅲ可以利用這種特性來判斷JavaScript實現(xiàn)是否支持嚴(yán)格模式：
var hasStrictMode = (function () {
"use strict";
return this === undefined
}());
在嚴(yán)格模式中的規(guī)則：
禁止使用with語句
在嚴(yán)格模式下使用with會導(dǎo)致語法錯誤勺拣。
因為with語句無法在編譯時就確定，屬性到底歸屬哪個對象容握。
"use strict";
var v = 1;
with (o){ // 語法錯誤
v = 2;
}
新加eval作用域
正常模式下宣脉，Javascript語言有兩種變量作用域（scope）：全局作用域和函數(shù)作用域。
嚴(yán)格模式創(chuàng)設(shè)了第三種作用域：eval作用域剔氏。
正常模式下塑猖，eval語句的作用域，取決于它處于全局作用域谈跛，還是處于函數(shù)作用域羊苟。
嚴(yán)格模式下，eval語句本身就是一個作用域感憾，不再能夠生成全局變量了蜡励，它所生成的變量只能用于eval內(nèi)部。
"use strict";
var x = 2;
console.info(eval("var x = 5; x")); // 5
console.info(x); // 2
禁止使用0開頭的八進制直接量
不允許使用八進制整數(shù)直接量（以0為前綴阻桅，而不是0x為前綴）的凉倚。
（在非嚴(yán)格模式中某些實現(xiàn)是允許八進制整數(shù)直接量的）。
正常模式下嫂沉，整數(shù)的第一位如果是0稽寒，表示這是八進制數(shù)，比如0100等于十進制的64趟章。
嚴(yán)格模式禁止這種表示法杏糙，整數(shù)第一位為0慎王，將報錯。
"use strict";
var n = 0100; // 語法錯誤
ES5也修改了嚴(yán)格模式下parseInt()的行為宏侍。如今赖淤，八進制字面量在嚴(yán)格模式下會被當(dāng)作以0開頭的十進制字面量。例如：
//使用parseInt()解析八進制字面量
//非嚴(yán)格模式:值為8
//嚴(yán)格模式:值為10
var value = parseInt("010");
保留字/關(guān)鍵字
為了向?qū)鞪avascript的新版本過渡谅河，嚴(yán)格模式新增了一些保留字：implements, interface, let, package, private, protected, public, static, yield咱旱。
使用這些詞作為變量名將會報錯。
function package(protected) { // 語法錯誤
"use strict";
var implements; // 語法錯誤
}
此外旧蛾，ECMAscript第五版本身還規(guī)定了另一些保留字（class, enum, export, extends, import, super）莽龟，以及各大瀏覽器自行增加的const保留字，也是不能作為變量名的锨天。
標(biāo)識符eval和arguments當(dāng)做關(guān)鍵字毯盈，它們的值是不能更改的。不能給這些標(biāo)識符賦值病袄，也不能把它們聲明為變量搂赋、用做函數(shù)名、用做函數(shù)參數(shù)或用做catch塊的標(biāo)識符益缠。
不能將它們用作標(biāo)識符脑奠，意味著以下幾種使用方式都會拋出語法錯誤：
- 使用var聲明；
- 賦予另一個值幅慌；
- 嘗試修改包含的值宋欺，如使用++；
- 用作函數(shù)名胰伍；
- 用作命名的函數(shù)參數(shù)齿诞；
- 在try-catch語句中用作例外名。
例如：
//把eval和arguments作為變量引用
//非嚴(yán)格模式:沒問題骂租，不出錯
//嚴(yán)格模式:拋出語法錯誤
var eval = 10;
var arguments = "Hello world!";
delete刪除非法標(biāo)識符
當(dāng)delete運算符后跟隨非法的標(biāo)識符（比如變量祷杈、函數(shù)、函數(shù)參數(shù)）時渗饮，將會拋出一個語法錯誤異常但汞。
（在非嚴(yán)格模式中，這種delete表達式什么也沒做互站，并返回false）私蕾。
全局變量顯式聲明
所有的變量都要先聲明，如果給一個未聲明的變量胡桃、函數(shù)是目、函數(shù)參數(shù)、catch從句參數(shù)或全局對象的屬性賦值标捺，將會拋出一個引用錯誤ReferenceError異常懊纳。
（在非嚴(yán)格模式中，這種隱式聲明的全局變量的方法是給全局對象新添加一個新屬性）亡容。
在正常模式中嗤疯，如果一個變量沒有聲明就賦值，默認(rèn)是全局變量闺兢。
嚴(yán)格模式禁止這種用法茂缚，全局變量必須顯式聲明。
"use strict";
v = 1; // 報錯屋谭，v未聲明
for(i = 0; i < 2; i++) { // 報錯脚囊，i未聲明
}
因此，嚴(yán)格模式下桐磁，變量都必須先用var命令聲明悔耘，然后再使用。
在非嚴(yán)格模式下我擂，可以像下面這樣創(chuàng)建全局變量：
//未聲明變量
//非嚴(yán)格模式:創(chuàng)建全局變量
//嚴(yán)格模式:拋出ReferenceError
message = "Hello world! ";
即使message前面沒有var關(guān)鍵字衬以，即使沒有將它定義為某個全局對象的屬性，也能將message創(chuàng)建為全局變量校摩。但在嚴(yán)格模式下看峻，如果給一個沒有聲明的變量賦值，那代碼在執(zhí)行時就會拋出ReferenceError衙吩。
【】測試結(jié)果為：
arguments對象的限制
arguments是函數(shù)的參數(shù)對象互妓，嚴(yán)格模式對它的使用做了限制。
不允許對arguments賦值
"use strict";
arguments++; // 語法錯誤
var obj = { set p(arguments) { } }; // 語法錯誤
try { } catch (arguments) { } // 語法錯誤
function arguments() { } // 語法錯誤
var f = new Function("arguments", "'use strict'; return 17;"); // 語法錯誤
arguments不再追蹤參數(shù)的變化(#注意)
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); // 嚴(yán)格模式為[2,1]
例如：
//修改命名參數(shù)的值
//非嚴(yán)格模式:修改會反映到arguments中
//嚴(yán)格模式:修改不會反映到arguments中
function showValue(value){
value = "Foo";
alert(value); //"Foo"
alert(arguments[0]); //非嚴(yán)格模式:"Foo"
//嚴(yán)格模式:"Hi"
}
showValue("Hi");
禁止使用arguments.callee
這意味著坤塞，你無法在匿名函數(shù)內(nèi)部調(diào)用自身了冯勉。
"use strict";
var f = function() { return arguments.callee; };
f(); // 報錯
重名錯誤
對象不能有重名的屬性
正常模式下，如果對象有多個重名屬性尺锚，最后賦值的那個屬性會覆蓋前面的值珠闰。嚴(yán)格模式下，這屬于語法錯誤瘫辩。
"use strict";
var o = {
p: 1,
p: 2
}; // 語法錯誤
函數(shù)不能有重名的參數(shù)
正常模式下伏嗜，如果函數(shù)有多個重名的參數(shù)，可以用arguments[i]讀取伐厌。嚴(yán)格模式下承绸，這屬于語法錯誤。
"use strict";
function f(a, a, b) { // 語法錯誤
return ;
}
顯式報錯
正常模式下挣轨，對一個對象的只讀屬性進行賦值军熏，不會報錯，只會默默地失敗卷扮。
為不可擴展的（nonextensible）的對象添加屬性會拋出TypeError荡澎。
嚴(yán)格模式下均践，將報錯。
"use strict";
var o = {};
Object.defineProperty(o, "v", { value: 1, writable: false });
o.v = 2; // 報錯
嚴(yán)格模式下摩幔，對一個使用getter方法讀取的屬性進行賦值彤委，會報錯。為只讀屬性賦值會拋出TypeError或衡；
"use strict";var o = {get v() { return 1; }};o.v = 2; // 報錯
嚴(yán)格模式下焦影，對禁止擴展的對象添加新屬性，會報錯封断。
"use strict";var o = {};Object.preventExtensions(o);o.v = 1; // 報錯
嚴(yán)格模式下斯辰，刪除一個不可刪除的屬性，會報錯坡疼。
"use strict";delete Object.prototype; // 報錯
禁止this關(guān)鍵字指向全局對象
function f(){ return !this;}
// 返回false彬呻，因為"this"指向全局對象，"!this"就是false
function f(){ "use strict";
return !this;}
// 返回true回梧，因為嚴(yán)格模式下废岂，this的值為undefined，所以"!this"為true狱意。
因此湖苞，使用構(gòu)造函數(shù)時，如果忘了加new详囤，this不再指向全局對象财骨，而是報錯。
function f(){
"use strict";
this.a = 1;};
f();// 報錯藏姐，this未定義
call和apply中的this
當(dāng)通過call()或apply()來調(diào)用函數(shù)時隆箩，其中的this值就是通過call()或apply()傳入的第一個參數(shù)。
在非嚴(yán)格模式下使用函數(shù)的apply()或call()方法時羔杨，null或undefined值會被轉(zhuǎn)換為全局對象捌臊。
而在嚴(yán)格模式下，函數(shù)的this值始終是指定的值兜材，無論指定的是什么值理澎。
例如：
//訪問屬性
//非嚴(yán)格模式:訪問全局屬性
//嚴(yán)格模式:拋出錯誤，因為this的值為null
var color = "red";
function displayColor(){
alert(this.color);
}
displayColor.call(null);
在Non-strict Mode曙寡，如果上下文的值是原始的（primitive）糠爬，比如數(shù)字 1，那它將會被轉(zhuǎn)換成一個對象举庶，一個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
無法刪除不可配置的變量
試圖刪除一個不可配置的屬性將拋出一個類型錯誤異常（在非嚴(yán)格模式中峦嗤，delete表達式操作失敗，并返回false）滚粟。
只有configurable設(shè)置為true的對象屬性寻仗，才能被刪除。
"use strict";var x;delete x;
// 語法錯誤
var o = Object.create(null, 'x', { value: 1, configurable: true});
delete o.x; // 刪除成功
禁止在函數(shù)內(nèi)部遍歷調(diào)用棧
arguments.caller和arguments.callee都會拋出一個類型錯誤異常凡壤。
函數(shù)具有caller和arguments屬性，當(dāng)訪問這兩個屬性時將拋出類型錯誤異常耙替。
function f1(){
"use strict";
f1.caller; // 報錯
f1.arguments; // 報錯}f1();
函數(shù)必須聲明在頂層
Javascript的新版本會引入”塊級作用域”亚侠。
為了與新版本接軌，嚴(yán)格模式只允許在全局作用域或函數(shù)作用域的頂層聲明函數(shù)俗扇。
也就是說硝烂，不允許在非函數(shù)的代碼塊內(nèi)聲明函數(shù)。
"use strict";
if (true) {
function f() { } // 語法錯誤
}
for (var i = 0; i < 5; i++) {
function f2() { } // 語法錯誤
}
在非嚴(yán)格模式下铜幽，以上代碼能在所有瀏覽器中運行滞谢，但在嚴(yán)格模式下會導(dǎo)致語法錯誤。
