成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

理解 js的作用域、預(yù)解析機(jī)制

galaxy_robot / 938人閱讀

摘要：雖然，在我們工作中應(yīng)用得越來越廣泛，但是還是很多項(xiàng)目保留著的寫法，所以，今天，帶著大家重新鞏固下下的作用域及預(yù)解析機(jī)制。概念作用域域，指的是一個空間范圍區(qū)域，作用指的是在域內(nèi)可進(jìn)行讀寫操作。

雖然，ES6在我們工作中應(yīng)用得越來越廣泛，但是還是很多項(xiàng)目保留著ES5的寫法，所以，今天，帶著大家重新鞏固下ES5下的作用域及預(yù)解析機(jī)制。

概念：

作用域：域，指的是一個空間、范圍、區(qū)域，作用指的是在域內(nèi)可進(jìn)行讀寫操作。一個變量的作用域是程序源代碼中定義的這個變量的區(qū)域。
在ES5中，只存在全局和函數(shù)級作用域，在ES6中，引入了塊級作用域,js的預(yù)解析機(jī)制大概分為兩個過程：預(yù)解析和自上而下逐行解讀

預(yù)解析:js解析器會先把var定義的變量、function、參數(shù)等一些東西存儲進(jìn)倉庫里面(內(nèi)存)。變量var在正式運(yùn)行之前，都賦值為undefined,function函數(shù)在運(yùn)行之前，就是整個函數(shù)塊

逐行解讀

表達(dá)式=、+、-、*、/、++、--、！、%.....number()、參數(shù)都可以賦值

遇到重名的，只留下一個，變量和函數(shù)重名，函數(shù)優(yōu)先級高于變量，只留下函數(shù)

函數(shù)調(diào)用（函數(shù)是一個作用域，遇到作用域都會按照先進(jìn)行預(yù)解析，然后逐行解讀的過程執(zhí)行），先局部找參數(shù)，局部找不到就自下向上找（作用域鏈）

概念扯了一大段，估計初學(xué)者還是有點(diǎn)暈乎乎，老司機(jī)就可以提前下車了，接下來，咋們舉幾個小栗子，結(jié)合上面的理論，深入理解。

實(shí)踐 例1： 
alert(a); //error: a is not defined
a = 3;
分析：

預(yù)解析

上面說過，預(yù)解析時只會把var 、 function 、參數(shù)等存儲起來，所以：
整個作用域沒有找到var function 參數(shù)

逐行解讀

預(yù)解析后，內(nèi)存中存在a且被賦值了underfind整個變量，所有，代碼執(zhí)行過程中程序直接報錯。

例2： 
alert(a); //undefined
var a = 3;
分析：

預(yù)解析

上面說過，預(yù)解析時只會把var 、 function 、參數(shù)等存儲起來，所以：
執(zhí)行到第二行時，a 的值是未定義。

逐行解讀

第一行：預(yù)解析后，內(nèi)存中存在a且被賦值了underfined

例3： 
alert(a);                    // function a (){ alert(4); }
var a = 1;
alert(a);                    // 1
function a (){ alert(2); }
alert(a);                    // 1
var a = 3;        
alert(a);                    // 3
function a (){ alert(4); }
alert(a);                    // 3
分析：

域解析

上面說過，預(yù)解析時只會把var 、 function 、參數(shù)等存儲起來，所以：
執(zhí)行到第二行時，a 的值是未定義。
執(zhí)行到第四行時，a 的值是函數(shù)本身，也就是function a(){alert(2);}。
執(zhí)行到第六行時，a 的值還是第四行時的值，也就是function a(){alert(2);}，因?yàn)楹瘮?shù)的優(yōu)先級比變量高。
執(zhí)行到第八行時，a 的值就變成了function a(){alert(4);} ,因?yàn)楫?dāng)兩個函數(shù)重名時，遵循代碼從上往下執(zhí)行。

逐行解讀

預(yù)解析完成之后，就是代碼逐行執(zhí)行了，
第一行：會彈出function a(){alert(4);} ，因?yàn)轭A(yù)解析完成之后，被存進(jìn)內(nèi)存的a 的值就是function a(){alert(4);}
第二行：第二行里有表達(dá)式，a 被賦了一個新的值1 表達(dá)式會改變變量的值。表達(dá)式可以改變預(yù)解析的值。
第三行：a現(xiàn)在被賦值為1，所有會彈出1
第四行：只是函數(shù)的聲明，并沒有用到表達(dá)式，而且也沒有函數(shù)的調(diào)用，所以不會改變a 的值。
第五行：因?yàn)閍的值沒有變化，所以還是1
第六行：使用了表達(dá)式，a 被賦了一個新的值3
第七行：會彈出3
第八行：函數(shù)的聲明，不會改變a 的值。
第九行：a的值沒有改變，所以還是3
通過上面的栗子，相信大家應(yīng)該對變量作用域的預(yù)解析過程有一定的了解了，接下來，咋們再舉幾個函數(shù)作用域的栗子

例4： 
var a=1;
function fn1(){
    alert(a); //undefined
    var a = 2;
}
fn1();
alert(a) //1
例5： 
var a=1;
function fn1(a){
    alert(a); //1
    var a = 2;
}
fn1(a);
alert(a) //1
例6： 
var a=1;
function fn1(a){
    alert(a); //1
    a = 2;
}
fn1(a);
alert(a) //1
例7： 
var a=1;
function fn1(){
    alert(a); //1
    a = 2;
}
fn1(a);
alert(a) //2

這幾個栗子想必不用在一步步分析吧，不過就一點(diǎn)小改動，可能結(jié)果就截然不同，所以，大家還是需要仔細(xì)琢磨下。祝君好運(yùn)?！厩岸私涣鱍群：659522518】

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/107232.html

相關(guān)文章

  • javascript引擎執(zhí)行的過程的理解--語法分析和預(yù)編譯階段

    摘要：所以覺得把這個執(zhí)行的詳細(xì)過程整理一下，幫助更好的理解。類似的語法報錯的如下圖所示三預(yù)編譯階段代碼塊通過語法分析階段之后，語法都正確的下回進(jìn)入預(yù)編譯階段。另開出新文章詳細(xì)分析，主要介紹執(zhí)行階段中的同步任務(wù)執(zhí)行和異步任務(wù)執(zhí)行機(jī)制事件循環(huán)。 一、概述 js是一種非常靈活的語言，理解js引擎的執(zhí)行過程對于我們學(xué)習(xí)js是非常有必要的?？戳撕芏噙@方便文章，大多數(shù)是講的是事件循環(huán)（event loo...

    molyzzx 評論0 收藏0

  • javascript系列--javascript引擎執(zhí)行的過程的理解--語法分析和預(yù)編譯階段

    摘要：所以覺得把這個執(zhí)行的詳細(xì)過程整理一下，幫助更好的理解。類似的語法報錯的如下圖所示三預(yù)編譯階段代碼塊通過語法分析階段之后，語法都正確的下回進(jìn)入預(yù)編譯階段。另開出新文章詳細(xì)分析，主要介紹執(zhí)行階段中的同步任務(wù)執(zhí)行和異步任務(wù)執(zhí)行機(jī)制事件循環(huán)。 一、概述 js是一種非常靈活的語言，理解js引擎的執(zhí)行過程對于我們學(xué)習(xí)js是非常有必要的?？戳撕芏噙@方便文章，大多數(shù)是講的是事件循環(huán)（event loo...

    malakashi 評論0 收藏0

  • JS預(yù)解釋

    摘要：預(yù)解釋基礎(chǔ)知識先介紹的基本數(shù)據(jù)類型基本數(shù)據(jù)類型值操作有引用數(shù)據(jù)類型引用地址執(zhí)行環(huán)境當(dāng)瀏覽器加載頁面的時候，首先會提供一個供全局代碼執(zhí)行的環(huán)境全局作用域如下代碼是在中好好學(xué)習(xí)天天向上把整個函數(shù)定義的部分函數(shù)本身在控制臺輸出 預(yù)解釋 1. JS基礎(chǔ)知識 1.1 先介紹js的基本數(shù)據(jù)類型 基本數(shù)據(jù)類型 --- 值操作 有number、string、boolean、null、undefine...

    daydream 評論0 收藏0

  • JS 作用域鏈

    摘要：首先，在創(chuàng)建函數(shù)時，作用域鏈內(nèi)就會先填入對象，圖片只例舉了全部變量中的一部分。然后，解釋器進(jìn)入函數(shù)的執(zhí)行環(huán)境，同樣的，首先填入父級的作用域鏈，就是的，包括了對象活動對象。之后再把的活動對象填入到作用域鏈最頂部，這就是的作用域鏈了。 之前學(xué)習(xí)JS函數(shù)部分時，提到了作用域這一節(jié)，但是因?yàn)槭褂貌牧蠒煌?，今天在讀博客的時候發(fā)現(xiàn)其實(shí)還有一個知識點(diǎn)即作用域鏈，所以來寫一些個人理解和認(rèn)識加深記憶。...

    darry 評論0 收藏0

  • JS作用域

    摘要：作用域作用讀寫域空間范圍區(qū)域解析器全局變量全局函數(shù)。自上而下函數(shù)域局部變量局部函數(shù)。中使用，自己未定義，在中定義的變量，會報錯中使用，中定義的變量，可以使用。由里而外沒有塊級作用域的概念，會解析里邊的。并添加到當(dāng)前環(huán)境中。 作用域作用：讀、寫域：空間、范圍、區(qū)域----JS解析器----- script 全局變量、全局函數(shù)?！咀陨隙隆亢瘮?shù)域 局部變量、局部函數(shù)。【自里而外】 ...

    ASCH 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<