你們好,這裏是「 從零開始學 Web 系列教程 」,並在下列地址同步更新......javascript
- github:https://github.com/Daotin/Web
- 微信公衆號:Web前端之巔
- 博客園:http://www.cnblogs.com/lvonve/
- CSDN:https://blog.csdn.net/lvonve/
在這裏我會從 Web 前端零基礎開始,一步步學習 Web 相關的知識點,期間也會分享一些好玩的項目。如今就讓咱們一塊兒進入 Web 前端學習的冒險之旅吧!html
1、ECMAScript 5 嚴格模式
一、概述
除了正常運行模式,ECMAscript 5添加了第二種運行模式:"嚴格模式"(strict mode)。顧名思義,這種模式使得Javascript在更嚴格的條件下運行。前端
二、目的
-
消除Javascript語法的一些不合理、不嚴謹之處,減小一些怪異行爲;java
-
消除代碼運行的一些不安全之處,保證代碼運行的安全;git
-
提升編譯器效率,增長運行速度;程序員
-
爲將來新版本的Javascript作好鋪墊。github
"嚴格模式"體現了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; // 刪除成功