亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹

 更新時(shí)間:2013年04月23日 10:23:53   作者:  
本篇文章小編為大家介紹,你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹。需要的朋友參考下
示例代碼:
復(fù)制代碼 代碼如下:

var xxxVar1 = 1;
 var outer = function(){
    var xxxVar2 = 2;

    var results = [];

    for(var i = 0; i< 3; i++)
    {
       var inner = function(){
          var xxxVar3 = 3;
          return xxxVar3 + xxxVar2 +xxxVar1 + i;
       }
       results .push(inner);
    }

    return results;
 }

 var xxxVar1 = 100;
 var xxxVar2 = 200;
 var xxxVar3 = 300;
 var results = outer();
 results[0]();
 results[1]();
 results[2]();

執(zhí)行結(jié)果

發(fā)生了什么事情很多人都可能知道上例的執(zhí)行結(jié)果,但是不是所有人都明白為什么會(huì)是這樣的結(jié)果,包括我自己。名詞解釋活動(dòng)對(duì)象:一次函數(shù)調(diào)用開始的時(shí)候,javascript解釋器會(huì)收集函數(shù)體中的所有局部變量(以var形式聲明的變量),將這些局部變量存儲(chǔ)到一個(gè)稱為“活動(dòng)對(duì)象”的對(duì)象里,所有變量都初始為undefined。
代碼示例
復(fù)制代碼 代碼如下:

var fun = function(){
    alert(name);
    var name = '段光偉';
 }

當(dāng)執(zhí)行這個(gè)函數(shù)時(shí)候時(shí)(fun()),函數(shù)體還沒執(zhí)行到,當(dāng)前的活動(dòng)對(duì)象為[{ name: undefined }],因此fun()執(zhí)行的結(jié)果為:

  • 函數(shù)的[scope]屬性:每個(gè)函數(shù)在定義的時(shí)候(生成函數(shù)實(shí)例的時(shí)候)都會(huì)分配一個(gè)[scope]屬性,這個(gè)屬性指向的當(dāng)前的“作用域鏈”。這個(gè)屬性開發(fā)人員是訪問不到的,只有javascript能訪問。
  • 作用域鏈:當(dāng)函數(shù)調(diào)用時(shí),javascript引擎會(huì)維護(hù)一個(gè)這次調(diào)用的作用域鏈,這個(gè)作用域鏈條是函數(shù)的[scope]指向的作用域鏈加上函數(shù)調(diào)用時(shí)的活動(dòng)對(duì)象,形式如[ 活動(dòng)對(duì)象, 函數(shù)定義時(shí)的作用域鏈條]。
    代碼示例
    復(fù)制代碼 代碼如下:

    var a = 1;
     //步驟1:[ { a: 1, outer: undefined } ]

     var outer = function(){
        //步驟3:[ { b: undefined, inner: undefined } ,{ a: 1, outer: function } ]
        var b = 2;
        var inner = function(){
           //步驟5:[ {}, { b: 2, inner: function } ,{ a: 1, outer: function } ]
           return a + b;
        }

        //步驟4:[ { b: 2, inner: function } ,{ a: 1, outer: function } ]
        return inner();
     }

     //步驟2:[ { a: 1, outer: function } ]
     outer();

    作用域鏈規(guī)則規(guī)則1

    javascript一般運(yùn)行在一定的宿主中,每個(gè)宿主都會(huì)提供一個(gè)“全局對(duì)象”,或者叫“全局活動(dòng)對(duì)象”,這個(gè)全局對(duì)象是所有作用域鏈的根節(jié)點(diǎn)。

    規(guī)則2

     “取值操作”(如:alert(xxxVar))的規(guī)則是,沿著作用域鏈依次查找名稱為“xxxVar”的變量,返回第一個(gè)找到的值,如果找不到就拋出異常(ReferenceError: xxxVar is not defined)。

    規(guī)則3

     “賦值操作”(如:xxxVar = '段光偉')的規(guī)則是,沿著作用域鏈依次查找名稱為“xxxVar”的變量,覆蓋第一個(gè)找到的值,如果找不到就將“xxxVar”添加到全局對(duì)象中。

    備注“閉包”這個(gè)概念就是通過“作用域鏈”實(shí)現(xiàn)的,而C#是通過編譯器實(shí)現(xiàn)的,.NET并不支持。
  • 相關(guān)文章

  • 解決layui的使用以及針對(duì)select、radio等表單組件不顯示的問題

    解決layui的使用以及針對(duì)select、radio等表單組件不顯示的問題

    今天小編就為大家分享一篇解決layui的使用以及針對(duì)select、radio等表單組件不顯示的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript實(shí)現(xiàn)滑塊補(bǔ)圖驗(yàn)證碼效果

    JavaScript實(shí)現(xiàn)滑塊補(bǔ)圖驗(yàn)證碼效果

    這篇文章主要給大家介紹了JavaScript如何實(shí)現(xiàn)滑塊補(bǔ)圖驗(yàn)證碼效果,文章通過代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴可以參考閱讀下
    2023-07-07
  • 深入淺析var,let,const的異同點(diǎn)

    深入淺析var,let,const的異同點(diǎn)

    這篇文章主要介紹了var,let,const異同點(diǎn),文中較詳細(xì)的給大家介紹了let和const的相同點(diǎn)和不同點(diǎn),需要的朋友可以參考下
    2018-08-08
  • js獲取瀏覽器和屏幕的各種寬度高度

    js獲取瀏覽器和屏幕的各種寬度高度

    本文主要介紹了js獲取瀏覽器和屏幕的各種寬度高度的方法,具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-02-02
  • 詳解weex默認(rèn)webpack.config.js改造

    詳解weex默認(rèn)webpack.config.js改造

    本篇文章主要介紹了詳解weex默認(rèn)webpack.config.js改造,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • JS異步處理的進(jìn)化史深入講解

    JS異步處理的進(jìn)化史深入講解

    這篇文章主要給大家介紹了關(guān)于JS異步處理的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • 最新評(píng)論