從零開始學 Web 之 ES6（一）ES5嚴格模式

你們好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......

• github：https://github.com/Daotin/Web
• 微信公衆號：Web前端之巔
• 博客園：http://www.cnblogs.com/lvonve/
• CSDN：https://blog.csdn.net/lvonve/

在這裏我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的項目。如今就讓咱們一塊兒進入 Web 前端學習的冒險之旅吧！

1、ECMAScript 5 嚴格模式

一、概述

除了正常運行模式，ECMAscript 5添加了第二種運行模式："嚴格模式"（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運行。

二、目的

• 消除Javascript語法的一些不合理、不嚴謹之處，減小一些怪異行爲;

• 消除代碼運行的一些不安全之處，保證代碼運行的安全；

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

• 爲將來新版本的Javascript作好鋪墊。

"嚴格模式"體現了Javascript更合理、更安全、更嚴謹的發展方向，包括IE 10在內的主流瀏覽器，都已經支持它，許多大項目已經開始全面擁抱它。

另外一方面，一樣的代碼，在"嚴格模式"中，可能會有不同的運行結果；一些在"正常模式"下能夠運行的語句，在"嚴格模式"下將不能運行。掌握這些內容，有助於更細緻深刻地理解Javascript，讓你變成一個更好的程序員。

三、使用

一、將"use strict"放在腳本文件的第一行，則整個腳本都將以"嚴格模式"運行。若是這行語句不在第一行，則無效，整個腳本以"正常模式"運行。若是不一樣模式的代碼文件合併成一個文件，這一點須要特別注意。

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

<script>
    "use strict";
    //...
</script>

二、針對單個函數

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

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

2、語法和行爲改變

一、全局變量必須用var顯示聲明變量

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

<script type="text/javascript">
        "use strict";　　
        v = 1; // 報錯，v未聲明
        //name = "Daotin";
        for (i = 0; i < 2; i++) { // 報錯，i未聲明
        }
    </script>

不能使用 name，由於 name 是window的一個保留屬性，默認爲空。

二、禁止自定義的函數中的this指向window

<script>
        "use strict";　　
        function foo() {
            console.log(this);
        }
        foo();
    </script>

沒有 "use strict" 的時候，打印 window對象，有 "use strict" 的時候，打印undefined。

三、嚴格模式會建立eval做用域

eval會解析語句中的字符串。

<script>
        "use strict";　　
        var name = 'Daotin';
        eval('var name = "lvonve"; console.log(name)');
        console.log(name);
    </script>

若是不加 "use strict"; ，兩次打印的結構都爲 lvonve；加了的話，打印結果爲 lvonve和Daotin。也就至關於給eval建立了一個做用域。

四、對象不能有重名的屬性

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

（可是在瀏覽器console下面並無顯示錯誤信息。）

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

五、禁止刪除變量

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

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