日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
淺析Javascript閉包的特性

Javascript閉包的定義非常晦澀——閉包，是指語法域位于某個特定的區(qū)域，具有持續(xù)參照（讀寫）位于該區(qū)域內(nèi)自身范圍之外的執(zhí)行域上的非持久型變量值能力的段落。這些外部執(zhí)行域的非持久型變量神奇地保留它們在閉包最初定義（或創(chuàng)建）時的值（深連結(jié)）。

簡單來說，Javascript閉包就是在另一個作用域中保存了一份它從上一級函數(shù)或作用域取得的變量（鍵值對），而這些鍵值對是不會隨上一級函數(shù)的執(zhí)行完成而銷毀。周愛民說得更清楚，閉包就是“屬性表”，閉包就是一個數(shù)據(jù)塊，閉包就是一個存放著“Name=Value”的對照表。就這么簡單。但是，必須強調(diào)，閉包是運行期概念，一個函數(shù)實例。

Javascript閉包的實現(xiàn)，通常是在函數(shù)內(nèi)部再定義函數(shù)，讓該內(nèi)部函數(shù)使用上一級函數(shù)的變量或全局變量。

ECMAScript認為使用全局變量是一個簡單的Javascript閉包實例。

 
 
 
      
  
  
  1. var sMessage = "Hello World";   
    2.   
  
  
  2. function sayHelloWorld(){   
    3.   
  
  
  3. alert(sMessage);   
    4.   
  
  
  4. };   
    5.   
  
  
  5. sayHelloWorld(); 
    6.

但它完成沒有體現(xiàn)Javascript閉包的特性……

現(xiàn)在比較讓人認同的Javascript閉包實現(xiàn)有如下三種

 
 
 
      
  
  
  1. with(obj){   
    2.   
  
  
  2. //這里是對象閉包   
    3.   
  
  
  3. }(function(){      
    4.   
  
  
  4. //函數(shù)閉包   
    5.   
  
  
  5. })()try{   
    6.   
  
  
  6. //...   
    7.   
  
  
  7. } catch(e) {   
    8.   
  
  
  8. //catch閉包 但IE里不行   
    9.   
  
  
  9. } 
    10.

附上今天在無憂看到的問題：

要求：

讓這三個節(jié)點的Onclick事件都能正確的彈出相應(yīng)的參數(shù)。

 
 
 
      
  
  
    1.       
  
  
    •  id="a1">aa
      •       
  
  
    •  id="a2">aa
      •      
  
  
    •  id="a3">aa
      •      
  
  
       
    2.   
  
  
  2.  
    3.

客服果果的解答：

 
 
 
      
  
  
  1. for(var i=1; i < 4; i++){      
    2.   
  
  
  2. var id = document.getElementById("a" + i);     
    3.   
  
  
  3. /*     
    4.   
  
  
  4. 這里生成了一個匿名函數(shù)并賦值給對象 id_i;     
    5.   
  
  
  5. */     
    6.   
  
  
  6. id.onclick = function(){          
    7.   
  
  
  7. /*          
    8.   
  
  
  8. 這個i來源于局部變量，無法以window.i或者obj.i的形式在后期引用，          
    9.   
  
  
  9. 只好以指針或者變量地址方式保存在這個匿名函數(shù)中，          
    10.   
  
  
  10. 這就是傳說的閉包，所以所有這個過程中生成的事件句柄都使用引用          
    11.   
  
  
  11. 的方式來持久這個變量，也就是這些匿名函數(shù)共用一個變量i;          
    12.   
  
  
  12. */         
    13.   
  
  
  13. alert(i);      
    14.   
  
  
  14. };   
    15.   
  
  
  15. }; 
    16.

局部變?nèi)?/p>

 
 
 
      
  
  
  1. for(var i=1; i < 4; i++){   
    2.   
  
  
  2. var id = document.getElementById("a" + i);     
    3.   
  
  
  3. id.i=i;//這個i有了根     
    4.   
  
  
  4. id.onclick=function(){          
    5.   
  
  
  5. alert(this.i)      
    6.   
  
  
  6. };   
    7.   
  
  
  7. };1.for(var i=1; i < 4; i++){     
    8.   
  
  
  8. var id = document.getElementById("a" + i);    
    9.   
  
  
  9. window[id.id]=i;//這個i有了根    
    10.   
  
  
  10. id.onclick=function(){         
    11.   
  
  
  11. alert(window[this.id]);     
    12.   
  
  
  12. };   
    13.   
  
  
  13. } 
    14.

產(chǎn)生一對一的更多Javascript閉包

 
 
 
      
  
  
  1. for(var i=1; i < 4; i++){    
    2.   
  
  
  2. var id = document.getElementById("a" + i);    
    3.   
  
  
  3. id.onclick = new function(){        
    4.   
  
  
  4. var i2=i;//這個i是閉包的閉包       
    5.   
  
  
  5. return function(){           
    6.   
  
  
  6. alert(i2);       
    7.   
  
  
  7. }     
    8.   
  
  
  8. };   
    9.   
  
  
  9. } 
    10.

【編輯推薦】

  1. JavaScript類和繼承：prototype屬性
  2. JavaScript類和繼承：this屬性
  3. ExtJS Grid Tooltip的3+1種實現(xiàn)方式總結(jié)
  4. JavaScript異步調(diào)用框架的鏈式實現(xiàn)
  5. JavaScript異步調(diào)用框架的jQuery風(fēng)格鏈式調(diào)用

本文標題：淺析Javascript閉包的特性
網(wǎng)頁路徑：http://www.5511xx.com/article/dpejdhh.html