理解javascript中的嚴格模式_javascript技巧

一、什麼是嚴格模式
我們平時寫的JavaScript程式碼一般都運行在正常模式中的，除了正常運行模式，ECMAscript 5添加了第二種運行模式：”嚴格模式」（strict mode）。看名字就知道，這種模式會讓JavaScript在更嚴格的環境下運作。
包括IE 10在內的主流瀏覽器，都已經支援它，許多大型專案已經開始全面擁抱。 （github上面好多項目都是用的嚴格模式）
二、啟用嚴格模式
為整個腳本啟用嚴格模式
在所有語句之前放一個特定語句 "use strict";
假設有一個腳本reeoo.js，可以這樣開啟嚴格模式：

"use strict";
var name = "Reeoo";
console.log(name);

BUT這種寫法存在天然的坑，假如我們要做程式碼合併，我現在要把heigui.js：

heigui = "db";

和reeoo.js進行合併，本來兩個腳本分開執行是好好的，合起來就會報錯。
Uncaught ReferenceError: heigui is not defined(…)
一個嚴格模式的腳本和一個非嚴格模式的腳本合併可能會導致非嚴格模式的腳本程式碼報錯，建議程式碼都包在一個立即執行函數裡面。

(function(){
 "use strict";
 var name = "reeoo";
})();

(function(){
 heigui = "db";
})();

這樣合併之後就不會報錯了。
為某個函數啟用嚴格模式
要給某個函數開啟嚴格模式，得把"use strict"; 宣告放在函數體所有語句之前就行了。

function strictFun()
{
 // 函数级别严格模式语法
 'use strict';
 console.log('I am a strictmode function!');
}

function normalFun() { 
 console.log('I am a mormal function!');
}

Chrome中調試嚴格模式
我有這麼一段程式碼：

'use strict'
name = "reeoo";
console.log(name)

把這段程式碼直接貼到Chrome的控制台中執行，正常情況下應該報錯，但是並沒有報錯，

很顯然，嚴格模式下變數不適用var宣告是不合法的，但是為什麼沒有報錯？
這是什麼鬼，Chrome不支持嚴格模式？開什麼玩笑。 。 。
網路上搜了一下，原來Chrome的控制台的程式碼是運行在eval之中的，你沒法對eval函數使用嚴格模式（應該也不完全對，但是具體Chrome做了什麼，不得而知），下圖說明eval函數可以使用嚴格模式：

要想在Chrome瀏覽器中對嚴格模式正常報錯，需要在程式碼外層套一個立即執行函數，或者其它類似的措施。

(function(){
 'use strict'
 name = "reeoo";
 console.log(name) 
})()

這樣就可以了
FireFox程式碼草稿紙調試嚴格模式
Chrome要我們包一層閉包才能跑嚴格模式，既然這麼麻煩，有沒有別的方式可以直接跑嚴格模式的程式碼呢？
FireFox有一個代碼草稿紙可以直接跑，快速鍵SHIFT+F4

嚴格模式到底有多嚴格
嚴格模式中一些重要的限制

1、變數宣告
不允許使用一個沒有宣告的變數

"use strict";
name = "reeoo";

報錯（代碼草稿紙，下同）
Exception: ReferenceError: assignment to undeclared variable name

2、修改唯讀屬性的值

"use strict";
var testObj = Object.defineProperties({}, {
 prop1: {
 value: 10,
 writable: false // 一个只读的属性
 },
 prop2: {
 get: function () {
 }
 }
});
testObj.prop1 = 20; //尝试改变prop1的值
testObj.prop2 = 30;//尝试改变prop2的值

嚴格模式下會報錯：
Uncaught TypeError: Cannot assign to read only property 'prop1' of #