<s id="2e0qm"><div id="2e0qm"></div></s>
<div id="2e0qm"><button id="2e0qm"></button></div>
<small id="2e0qm"></small>
<div id="2e0qm"></div>
<div id="2e0qm"><s id="2e0qm"></s></div>
<div id="2e0qm"><button id="2e0qm"></button></div>
主頁 > 知識庫 > 網頁基礎 > Javascript/Ajax >
欄目列表

Javascript 嚴格模式詳解

來源:中國IT實驗室 作者:佚名 發表于:2013-01-18 13:27  點擊:
一、概述 除了正常運行模式,ECMAscript 5添加了第二種運行模式:嚴格模式(strict mode)。顧名思義,這種模式使得Javascript在更嚴格的條件下運行。 設立嚴格模式的目的,主要有以下幾個: - 消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為
一、概述    除了正常運行模式,ECMAscript 5添加了第二種運行模式:“嚴格模式”(strict mode)。顧名思義,這種模式使得Javascript在更嚴格的條件下運行。
    設立”嚴格模式”的目的,主要有以下幾個:
    - 消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為;
    - 消除代碼運行的一些不安全之處,保證代碼運行的安全;
    - 提高編譯器效率,增加運行速度;
    - 為未來新版本的Javascript做好鋪墊。
    “嚴格模式”體現了Javascript更合理、更安全、更嚴謹的發展方向,包括IE 10在內的主流瀏覽器,都已經支持它,許多大項目已經開始全面擁抱它。
    另一方面,同樣的代碼,在”嚴格模式”中,可能會有不一樣的運行結果;一些在”正常模式”下可以運行的語句,在”嚴格模式”下將不能運行。掌握這些內容,有助于更細致深入地理解Javascript,讓你變成一個更好的程序員。
    本文將對”嚴格模式”做詳細介紹。
    二、進入標志
    進入”嚴格模式”的標志,是下面這行語句:
    1
    "use strict";
    老版本的瀏覽器會把它當作一行普通字符串,加以忽略。
    三、如何調用
    “嚴格模式”有兩種調用方法,適用于不同的場合。
    3.1 針對整個腳本文件
    將”use strict”放在腳本文件的第一行,則整個腳本都將以”嚴格模式”運行。如果這行語句不在第一行,則無效,整個腳本以”正常模式”運行。如果不同模式的代碼文件合并成一個文件,這一點需要特別注意。
    <script>
    "use strict";
    console.log("這是嚴格模式。");
    </script>
    <script>
    console.log("這是正常模式。");
    </script>
    上面的代碼表示,一個網頁中依次有兩段Javascript代碼。前一個script標簽是嚴格模式,后一個不是。
    3.2 針對單個函數
    將”use strict”放在函數體的第一行,則整個函數以”嚴格模式”運行。
    function strict(){
    "use strict";
    return "這是嚴格模式。";
    }
    function notStrict() {
    return "這是正常模式。";
    }
    3.3 腳本文件的變通寫法
    因為第一種調用方法不利于文件合并,所以更好的做法是,借用第二種方法,將整個腳本文件放在一個立即執行的匿名函數之中。
    (function (){
    "use strict";
    // some code here
    })();
    四、語法和行為改變
    嚴格模式對Javascript的語法和行為,都做了一些改變。
    4.1 全局變量顯式聲明
    在正常模式中,如果一個變量沒有聲明就賦值,默認是全局變量。嚴格模式禁止這種用法,全局變量必須顯式聲明。
    "use strict";
    v = 1; // 報錯,v未聲明
    for(i = 0; i < 2; i++) { // 報錯,i未聲明
    }
    因此,嚴格模式下,變量都必須先用var命令聲明,然后再使用。
    4.2 靜態綁定
    Javascript語言的一個特點,就是允許”動態綁定”,即某些屬性和方法到底屬于哪一個對象,不是在編譯時確定的,而是在運行時(runtime)確定的。
    嚴格模式不允許動態綁定,只允許靜態綁定。也就是說,屬性和方法到底歸屬哪個對象,必須在編譯階段就確定。這樣做有利于編譯效率的提高,也使得代碼更容易閱讀,更少出現意外。
    具體來說,涉及以下幾個方面。
    (1)禁止使用with語句
    因為with語句無法在編譯時就確定,屬性到底歸屬哪個對象。
    "use strict";
    var v = 1;
    with (o){ // 語法錯誤
    v = 2;
    }
    (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
    4.3 增強的安全措施
    (1)禁止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未定義
    (2)禁止在函數內部遍歷調用棧
    function f1(){
    "use strict";
    f1.caller; // 報錯
    f1.arguments; // 報錯
    }
    f1();
    4.4 禁止刪除變量
    嚴格模式下無法刪除變量。只有configurable設置為true的對象屬性,才能被刪除。
    "use strict";
    var x;
    delete x; // 語法錯誤
    var o = Object.create(null, 'x', {
    value: 1,
    configurable: true
    });
    delete o.x; // 刪除成功

有幫助
(2)
100%
沒幫助
(0)
0%
真人女荫道口100种图片
<s id="2e0qm"><div id="2e0qm"></div></s>
<div id="2e0qm"><button id="2e0qm"></button></div>
<small id="2e0qm"></small>
<div id="2e0qm"></div>
<div id="2e0qm"><s id="2e0qm"></s></div>
<div id="2e0qm"><button id="2e0qm"></button></div>