亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > WEB開發 > 正文

Js作用域與作用域鏈詳解

2024-04-27 15:10:45
字體:
來源:轉載
供稿:網友

 一直對Js的作用域有點迷糊,今天偶然讀到javaScript權威指南,立馬被吸引住了,寫的真不錯。我看的是第六版本,相當的厚,大概1000多頁,Js博大精深,要熟悉精通需要大毅力大功夫。

一:函數作用域

   先看一小段代碼:

[Javascript] view plain copyvar scope="global";  function t(){      console.log(scope);      var scope="local"      console.log(scope);  }  t();  

(PS: console.log()是firebug提供的調試工具,很好用,有興趣的童鞋可以用下,比瀏覽器+alert好用多了)

第一句輸出的是: "undefined",而不是 "global"

第二講輸出的是:"local"

  你可能會認為第一句會輸出:"global",因為代碼還沒執行var scope="local",所以肯定會輸出“global"。

  我說這想法完全沒錯,只不過用錯了對象。我們首先要區分Javascript的函數作用域與我們熟知的C/C++等的塊級作用域。

  在C/C++中,花括號內中的每一段代碼都具有各自的作用域,而且變量在聲明它們的代碼段之外是不可見的。而Javascript壓根沒有塊級作用域,而是函數作用域.

所謂函數作用域就是說:-》變量在聲明它們的函數體以及這個函數體嵌套的任意函數體內都是有定義的。

所以根據函數作用域的意思,可以將上述代碼重寫如下:

[javascript] view plain copyvar scope="global";  function t(){      var scope;      console.log(scope);      scope="local"      console.log(scope);  }  t();  

    我們可以看到,由于函數作用域的特性,局部變量在整個函數體始終是由定義的,我們可以將變量聲明”提前“到函數體頂部,同時變量初始化還在原來位置。

為什么說Js沒有塊級作用域呢,有以下代碼為證:

[javascript] view plain copyvar name="global";  if(true){      var name="local";      console.log(name)  }  console.log(name);  都輸出是“local",如果有塊級作用域,明顯if語句將創建局部變量name,并不會修改全局name,可是沒有這樣,所以Js沒有塊級作用域。

現在很好理解為什么會得出那樣的結果了。scope聲明覆蓋了全局的scope,但是還沒有賦值,所以輸出:”undefined“。

所以下面的代碼也就很好理解了。

[javascript] view plain copyfunction t(flag){      if(flag){          var s="ifscope";          for(var i=0;i<2;i++)               ;      }      console.log(i);      console.log(s);  }  t(true);  輸出:2  ”ifscope"

二:變量作用域

還是首先看一段代碼:

[javascript] view plain copyfunction t(flag){      if(flag){          s="ifscope";          for(var i=0;i<2;i++)               ;      }      console.log(i);  }  t(true);  console.log(s);  就是上面的翻版,知識將聲明s中的var去掉。

程序會報錯還是輸出“ifscope"呢?

讓我揭開謎底吧,會輸出:”ifscope"

這主要是Js中沒有用var聲明的變量都是全局變量,而且是頂層對象的屬性。

所以你用console.log(window.s)也是會輸出“ifconfig"

當使用var聲明一個變量時,創建的這個屬性是不可配置的,也就是說無法通過delete運算符刪除

var name=1    ->不可刪除

sex=”girl“         ->可刪除

this.age=22    ->可刪除

三:作用域鏈

先來看一段代碼:

[javascript] view plain copyname="lwy";  function t(){      var name="tlwy";      function s(){          var name="slwy";          console.log(name);      }      function ss(){          console.log(name);      }      s();      ss();  }  t();  當執行s時,將創建函數s的執行環境(調用對象),并將該對象置于鏈表開頭,然后將函數t的調用對象鏈接在之后,最后是全局對象。然后從鏈表開頭尋找變量name,很明顯

name是"slwy"。

但執行ss()時,作用域鏈是: ss()->t()->window,所以name是”tlwy"

下面看一個很容易犯錯的例子:

[html] view plain copy<html>  <head>  <script type="text/javascript">  function buttonInit(){      for(var i=1;i<4;i++){          var b=document.getElementById("button"+i);          b.addEventListener("click",function(){ alert("Button"+i);},false);      }  }  window.onload=buttonInit;  </script>  </head>  <body>  <button id="button1">Button1</button>  <button id="button2">Button2</button>  <button id="button3">Button3</button>  </body>  </html>  當文檔加載完畢,給幾個按鈕注冊點擊事件,當我們點擊按鈕時,會彈出什么提示框呢?

很容易犯錯,對是的,三個按鈕都是彈出:"Button4",你答對了嗎?

當注冊事件結束后,i的值為4,當點擊按鈕時,事件函數即function(){ alert("Button"+i);}這個匿名函數中沒有i,根據作用域鏈,所以到buttonInit函數中找,此時i的值為4,

所以彈出”button4“。

四:with語句

說到作用域鏈,不得不說with語句。with語句主要用來臨時擴展作用域鏈,將語句中的對象添加到作用域的頭部。

看下面代碼

[javascript] view plain copyperson={name:"yhb",age:22,height:175,wife:{name:"lwy",age:21}};  with(person.wife){      console.log(name);  }  with語句將person.wife添加到當前作用域鏈的頭部,所以輸出的就是:“lwy".

with語句結束后,作用域鏈恢復正常。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美综合在线视频| 菠萝蜜影院一区二区免费| 国产亚洲日本欧美韩国| 欧美中文字幕第一页| 国产日韩专区在线| 夜色77av精品影院| 亚洲欧美综合精品久久成人| 91免费在线视频网站| 51ⅴ精品国产91久久久久久| 亚洲一区二区久久久| 91大神在线播放精品| 亚洲激情在线观看视频免费| 欧美丰满少妇xxxxx| 91国产高清在线| 91精品在线影院| 亚洲自拍偷拍在线| 国产精品视频区| 揄拍成人国产精品视频| 2021久久精品国产99国产精品| 亚洲精品国产综合久久| 日韩电影大片中文字幕| 日韩免费中文字幕| 91理论片午午论夜理片久久| 欧美在线视频播放| xxxxx91麻豆| 隔壁老王国产在线精品| 亚洲最新av网址| 91高清免费在线观看| 亚洲成色777777在线观看影院| 66m—66摸成人免费视频| 国产精品va在线| 97碰在线观看| 亚洲免费电影在线观看| 亚洲aa在线观看| 欧美在线xxx| 亚洲精品国精品久久99热| 欧美激情小视频| 亚洲精品免费在线视频| 色视频www在线播放国产成人| 91精品久久久久久久久久入口| 538国产精品视频一区二区| 国产精品丝袜视频| 国产亚洲福利一区| 欧美午夜激情视频| 国产精品高潮呻吟久久av无限| 午夜精品久久久久久久99热浪潮| 亚洲精品国产精品国自产在线| 91精品视频大全| 最近日韩中文字幕中文| 日韩欧美中文字幕在线播放| 日韩亚洲精品视频| 亚洲精品久久久久久下一站| 日韩中文字幕精品| 亚洲a级在线观看| 国产欧美精品久久久| 91久久国产精品91久久性色| 日韩av在线资源| 久久久久久午夜| 国产精品黄色影片导航在线观看| 欧美精品www在线观看| 中文字幕亚洲一区二区三区五十路| 欧美日韩福利视频| 狠狠躁夜夜躁久久躁别揉| 国产91成人在在线播放| 97婷婷大伊香蕉精品视频| 欧美精品18videosex性欧美| 久久精品最新地址| 欧美激情一区二区三级高清视频| 中文在线资源观看视频网站免费不卡| 亚洲人成77777在线观看网| 欧美性在线视频| 国产专区精品视频| 日韩精品中文字幕在线播放| 日韩欧美国产视频| 97色在线观看免费视频| 欧美视频免费在线观看| 亚洲天堂男人的天堂| 亚洲欧洲免费视频| 久久香蕉精品香蕉| 国产精品v片在线观看不卡| 国产伦精品免费视频| 国产精品视频白浆免费视频| 日韩av电影在线网| 日韩成人xxxx| 欧美专区福利在线| 热99精品只有里视频精品| 亚洲成人1234| 国内精品久久久久影院优| 精品国内产的精品视频在线观看| 日韩久久午夜影院| 伊人久久五月天| 亚洲а∨天堂久久精品9966| 国产精品白丝jk喷水视频一区| 深夜福利一区二区| 亚洲天堂成人在线视频| 国产精品美女网站| 成人精品久久一区二区三区| 最新的欧美黄色| 亚洲成人精品视频| 成人自拍性视频| 亚洲午夜精品久久久久久性色| 亚洲性av在线| 日韩精品亚洲精品| 一区二区三区视频免费在线观看| 色综合伊人色综合网| 欧美亚洲一级片| 最近2019中文字幕在线高清| 成人精品视频在线| 亚洲第一黄色网| 日本中文字幕不卡免费| 欧美性少妇18aaaa视频| 国产亚洲欧洲高清| 精品久久久久久久久久| 国产丝袜一区视频在线观看| 国产日韩专区在线| 日韩欧美高清在线视频| xvideos亚洲人网站| 精品久久中文字幕久久av| 亚洲最大成人网色| 久久久久久久久久国产精品| 青青久久av北条麻妃黑人| www.亚洲人.com| 精品欧美国产一区二区三区| 亚洲精品理论电影| 在线播放国产精品| 亚洲精品国产精品自产a区红杏吧| 国模gogo一区二区大胆私拍| 国产成人高清激情视频在线观看| 国产久一一精品| 欧美电影《睫毛膏》| 日韩精品在线看| 精品久久久91| 中文字幕国产精品久久| 91免费综合在线| 欧美成人午夜激情| 亚洲美女福利视频网站| 亚洲天堂男人的天堂| 亚洲va欧美va在线观看| 国产精品主播视频| 亚洲国产精品美女| 欧美在线www| 午夜精品久久久久久久久久久久久| 8090理伦午夜在线电影| 色yeye香蕉凹凸一区二区av| 91成人免费观看网站| 日韩欧美国产一区二区| 中文字幕精品www乱入免费视频| 日韩av网址在线| 亚洲自拍另类欧美丝袜| 国产精品久久久久高潮| 欧美亚洲视频在线看网址| 欧美精品电影免费在线观看| 国产精品视频在线观看| 中文字幕av一区二区三区谷原希美| 国产视频久久网| 国产精品久久久久久久午夜| 久久免费在线观看| 亚洲国产精品99久久| 国产91色在线| 亚洲第一偷拍网| 久久精品亚洲精品| 欧美极品在线视频| 亚洲精品视频播放| 亚洲wwwav|