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

首頁 > 編程 > JavaScript > 正文

javascript 閉包詳解

2019-11-20 12:07:00
字體:
來源:轉載
供稿:網友

看了一下網上閉包的概念及文章,對于這個問題,自己做一個梳理吧。

問:閉包是什么?
答:閉包是指在 JavaScript 中,內部函數總是可以訪問其所在的外部函數中聲明的參數和變量,即使在其外部函數被返回(壽命終結)了之后。

這個是我自身第一次碰到閉包的問題

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><title>閉包循環問題</title><style type="text/css">p {background:#ccc; width: 300px; height: 100px;}</style></head> <body> <p id="p0">段落0</p> <p id="p1">段落1</p> <p id="p2">段落2</p> <p id="p3">段落3</p> <p id="p4">段落4</p> <script type="text/javascript">for( var i=0; i<5; i++ ) { document.getElementById("p"+i).onclick=function() { alert(i); //訪問了父函數的變量i, 閉包 };};</script> </body> </html>

如果你以前沒這么用過的話,估計也會認為單擊某個段落就會彈出這個段落相應的編號0,1,2,3,4。但實際上是都是彈出5;

對于這個問題網上已經有很多討論的博客了,他們給出了很多方法去實現彈出對應的編號。

解決方法1:將變量i保存在對應的段落的某個屬性上

var pAry = document.getElementsByTagName("p"); for( var i=0; i< 5; i++ ) { pAry[i].no = i; pAry[i].onclick = function() { alert(this.no); } };

解決方法2:加一層閉包,i 以函數參數形式傳遞給內層函數

var pAry = document.getElementsByTagName("p"); for( var i=0; i< 5; i++ ) { pAry[i].no = i; pAry[i].onclick = function() { alert(this.no); } };

對于這個產生的閉包問題,網上的說法是“變量i是以指針或者變量地址方式保存在函數中”;好吧,都和指針扯上關系了。。。。那就再探索一下吧。

探索1,返回的都是10而不是而是

(function test() { var temp =10; for(var i=0; i< 5; i++ ){ document.getElementById("p"+i).onclick=function() { alert(temp); //訪問了父函數的變量temp, 閉包 }};temp=20;})();

探索2,返回一次10,接下去返回的都是20

(function test() { var temp =10; for( var i=0; i< 5; i++ ) { document.getElementById("p"+i).onclick=function() { alert(temp); //訪問了父函數的變量i, 閉包 }if(i===1){alert(temp);}};temp=20;})();

由探索的1、2,可以得出結論:函數內部訪問了與函數同級的變量,那么該變量是常駐內存的。訪問該變量實質上是訪問的是變量的地址;

接著,又看了一篇關于“JS閉包中的this對象”的文章,繼續來討論一下,this這個問題吧。

// js閉包this對象1var name = 'The Window';var object = {  name : 'My Object',  getNameFunc1 : function(){    // return this.name;    console.log(this);//object    return function(){//閉包,訪問的便是全局變量的了,this指windows     console.log(this);//windows     return this.name; //The Window    }  },  getNameFunc2 : function(){     return this.name;//訪問的是object  },  aa:function(){   alert(22);  }};alert(object.getNameFunc1()());//彈出“The Window”

問: 那么為什么匿名函數沒有取得其包含作用域的this對象呢?
答:每個函數在被調用時都會自動獲取兩個特殊變量:this 和 arguments。 內部函數在搜索這兩個變量時,指揮搜索到其活動對象為止,因此永遠不可能直接訪問外部函數中的這兩個變量。
不過通過下面的代碼可以做到這一點(直接訪問外部函數中的變量):

// js閉包this對象2var name = 'The Window';var object = {  name : 'My Object',  getNameFunc : function(){   var that = this;   console.log(this);//輸出的是object   return function(){    console.log(this);//輸出的仍然是Windows    return that.name;   };  }};alert(object.getNameFunc()());//彈出“My Object”

不同之處在于把this對象賦給了一個that變量,即使在函數返回之后,that也仍然引用這object,所以會返回object。
寫了那么多閉包的東西,那也順便再說一下閉包有神馬用處吧;不然,一直搗亂那閉包可真是一個不好的家伙呢。

看這樣一典型的閉包的例子:

function A(){ var a=1; function B(){  return a; };  return B;};var C=A();//C取得A的子作用域B的訪問接口console.log(C());//1 C能訪問到B的父級作用域中的變量a 

只要其他作用域能取到子作用域的訪問接口,那么其他作用域就有方法訪問該子作用域父級作用域的變量了。這樣的話,如果以后需要訪問某個函數里面的值得時候,就大大的有用咯。

這些上面的很多代碼其實也都是網上找的,我也只是把自己理解的,看的過程總結一下吧。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产成人精品av| 亚洲美女自拍视频| 亚洲美女免费精品视频在线观看| 欧美日韩激情视频| 亚洲国产日韩一区| 亚洲国产精品美女| 亚洲国产小视频| 亚洲嫩模很污视频| 欧美老少配视频| 久久久久久久电影一区| 岛国av一区二区在线在线观看| 亚洲国产精品成人一区二区| 久久精品夜夜夜夜夜久久| 91精品国产色综合| 在线免费观看羞羞视频一区二区| 91精品久久久久久久久久入口| 97视频网站入口| 亚洲成人精品视频在线观看| 国产日韩欧美在线播放| 国产精品亚洲激情| 国内成人精品视频| 欧美午夜宅男影院在线观看| 欧美日韩高清在线观看| 亚洲国产欧美一区二区三区同亚洲| 亚洲欧美国产另类| 亚洲精品久久久久中文字幕欢迎你| 欧美一级片久久久久久久| 自拍偷拍免费精品| 亚洲jizzjizz日本少妇| 上原亚衣av一区二区三区| 亚洲人精品午夜在线观看| 欧美精品18videos性欧| 欧美又大又硬又粗bbbbb| 欧洲成人性视频| 国产精品9999| 亚洲xxxxx| 亚洲欧洲国产伦综合| 日韩精品在线视频| 国产视频福利一区| 日韩欧美成人免费视频| 国产精品福利小视频| 深夜福利91大全| 尤物yw午夜国产精品视频| 久久久亚洲欧洲日产国码aⅴ| 日本高清不卡的在线| 欧美日韩中文字幕在线视频| 亚洲国产精品久久久久秋霞蜜臀| 久久精品人人爽| 97热在线精品视频在线观看| 欧美大尺度在线观看| 亚洲日本中文字幕| 欧美在线一级va免费观看| 2025国产精品视频| 国产精品国产福利国产秒拍| 亚洲精品一区二三区不卡| 91精品美女在线| 久久久国产成人精品| 久久在线视频在线| 成人国产精品日本在线| 麻豆国产精品va在线观看不卡| 中文字幕欧美日韩| 日韩电影在线观看免费| 久久九九精品99国产精品| 久久久久久久国产| 国产精品白嫩初高中害羞小美女| 欧美一级黄色网| 欧美日本亚洲视频| 亚洲欧洲一区二区三区久久| 亚洲国产小视频在线观看| 国产精品午夜一区二区欲梦| 欧美美女操人视频| 国产69精品久久久久9999| 成人激情免费在线| 黑丝美女久久久| 亚洲一区二区黄| 亚洲第一综合天堂另类专| 精品亚洲精品福利线在观看| 成人免费网站在线观看| 欧美精品做受xxx性少妇| 成人精品网站在线观看| 亚洲欧洲在线观看| 午夜精品久久久久久久久久久久| 这里只有精品在线播放| 九九热这里只有在线精品视| 亚洲香蕉av在线一区二区三区| 久久国产精品免费视频| 久久久噜噜噜久久| 亚洲第一福利网站| www.欧美视频| 韩国视频理论视频久久| 色综合视频网站| 亚洲最大av网| 日韩精品视频免费专区在线播放| 亚洲成人三级在线| 久久成人精品一区二区三区| 中文国产成人精品久久一| 欧美精品videosex极品1| 欧美在线观看视频| 久久中文字幕在线| 国产精品∨欧美精品v日韩精品| 欧美日韩国产成人在线观看| 欧美成人三级视频网站| 国产欧美精品久久久| 国产精品入口福利| 久久久久999| 美女久久久久久久| 日韩中文字幕免费视频| 亚洲精品永久免费精品| 亚洲性视频网址| 日韩日本欧美亚洲| 日韩激情视频在线播放| 亚洲剧情一区二区| 久久久久久亚洲| 久久精品青青大伊人av| 日韩欧美在线视频免费观看| 精品国产一区久久久| 亚洲福利视频网| 欧美性资源免费| 欧美激情一二三| 国产精品人人做人人爽| 精品在线观看国产| 日韩在线观看免费| 欧美日韩福利视频| 国产福利视频一区二区| 国产综合久久久久| 国产精品久久久久久五月尺| 伊人久久综合97精品| 欧美激情一区二区三区高清视频| 55夜色66夜色国产精品视频| 成人免费网站在线看| 成人高清视频观看www| 亚洲精品av在线| 日韩在线精品一区| 欧美成人黑人xx视频免费观看| www国产亚洲精品久久网站| 91久久久精品| 欧美极品第一页| 久久偷看各类女兵18女厕嘘嘘| 亚洲精品一区久久久久久| 在线观看久久久久久| 欧美亚洲国产另类| 欧美激情中文字幕在线| 国产精品午夜国产小视频| 日韩精品免费在线视频观看| 国产自摸综合网| 日韩av影视在线| 狠狠久久五月精品中文字幕| 日本成熟性欧美| 欧洲精品在线视频| 国产精品扒开腿做爽爽爽男男| 国产精品99久久久久久久久| 久久久久久国产精品| 97精品一区二区视频在线观看| 亚洲自拍高清视频网站| 久久精品成人一区二区三区| 欧美有码在线观看视频| 国产成人精品免费久久久久| 亚洲香蕉av在线一区二区三区| 日韩一区二区福利| 国产精品91视频| 欧美一级黄色网| 不卡av电影在线观看| 成人xvideos免费视频| 91亚洲一区精品|