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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript中閉包的概念、原理、作用及應用

 一、閉包概念

我們提供的服務有：成都網(wǎng)站建設、網(wǎng)站設計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、五峰ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的五峰網(wǎng)站制作公司

閉包：有權訪問另一個函數(shù)作用域中的變量的函數(shù);一般情況就是在一個函數(shù)中包含另一個函數(shù)。

從官方定義我們知道閉包是一個函數(shù)，只不過這個函數(shù)有[超能力]，可以訪問到另一個函數(shù)的作用域。

為什么說這個叫做[超能力]呢?

因為我們知道函數(shù)作用域是獨立的、封閉的，外部的執(zhí)行環(huán)境是訪問不了的，但是閉包具有這個能力和權限。

那閉包是怎樣的一個表現(xiàn)形式呢?

第一，閉包是一個函數(shù)，而且存在于另一個函數(shù)當中

第二，閉包可以訪問到父級函數(shù)的變量，且該變量不會銷毀

 
 
 
 
    
  
  
  
  
  1. function person(){ 
    2. 
  
  
  
  
  2.     var name = '有魚'; 
    3. 
  
  
  
  
  3.     function cat(){ 
    4. 
  
  
  
  
  4.         console.log(name); 
    5. 
  
  
  
  
  5.     } 
    6. 
  
  
  
  
  6.     return cat; 
    7. 
  
  
  
  
  7. } 
    8. 
  
  
  
  
  8. var per = person();// per的值就是return后的結果，即cat函數(shù) 
    9. 
  
  
  
  
  9. per();// 有魚 per()就相當于cat() 
    10. 
  
  
  
  
  10. per();// 有魚 同上，而且變量name沒有銷毀，一直存在內存中，供函數(shù)cat調用 
    11. 
  
  
  
  
  11. per();// 有魚 
    12.

二、閉包原理

閉包的實現(xiàn)原理，其實是利用了作用域鏈的特性，我們都知道作用域鏈就是在當前執(zhí)行環(huán)境下訪問某個變量時，如果不存在就一直向外層尋找，最終尋找到最外層也就是全局作用域，這樣就形成了一個鏈條。

例如：

 
 
 
 
    
  
  
  
  
  1. var age = 18; 
    2. 
  
  
  
  
  2. function cat(){ 
    3. 
  
  
  
  
  3.     age++; 
    4. 
  
  
  
  
  4.     console.log(age);// cat函數(shù)內輸出age，該作用域沒有，則向外層尋找，結果找到了，輸出[19]; 
    5. 
  
  
  
  
  5. } 
    6. 
  
  
  
  
  6. cat();//19 
    7.

看到這里，大家都會說這不就是最簡單的函數(shù)和變量形式嗎?閉包在哪里?別急，我們接著往下看：

如果我們再次調用時，結果會一直增加，也就變量age的值一直遞增。

 
 
 
 
    
  
  
  
  
  1. cat();//20 
    2. 
  
  
  
  
  2. cat();//21 
    3. 
  
  
  
  
  3. cat();//22 
    4.

如果程序還有其他函數(shù)，也需要用到age的值，則會受到影響，而且全局變量還容易被人修改，比較不安全，這就是全局變量容易污染的原因，所以我們必須解決變量污染問題，那就是把變量封裝到函數(shù)內，讓它成為局部變量。

 
 
 
 
    
  
  
  
  
  1. function person(){ 
    2. 
  
  
  
  
  2.     var age = 18; 
    3. 
  
  
  
  
  3.     function cat(){ 
    4. 
  
  
  
  
  4.         age++; 
    5. 
  
  
  
  
  5.         console.log(age); 
    6. 
  
  
  
  
  6.     } 
    7. 
  
  
  
  
  7.     return cat; 
    8. 
  
  
  
  
  8. } 
    9. 
  
  
  
  
  9. person();// 19 
    10. 
  
  
  
  
  10. person();// 19 
    11.

這里又出現(xiàn)問題了，每次調用函數(shù)person，進入該作用域，變量age就會重新賦值為18，所以cat的值一直是19;所以需要做一下調整：

 
 
 
 
    
  
  
  
  
  1. var per = person();//per相當于函數(shù)cat 
    2. 
  
  
  
  
  2. per();// 19 即cat() 這樣每次調用不在經過age的初始值，這樣就可以一直增加了 
    3. 
  
  
  
  
  3. per();// 20 
    4. 
  
  
  
  
  4. per();// 21 
    5.

而且變量age在函數(shù)內部，不易修改和外泄，相對來說比較安全。

三、閉包作用

作用1：隱藏變量，避免全局污染

作用2：可以讀取函數(shù)內部的變量

同時閉包使用不當，優(yōu)點就變成了缺點：

缺點1：導致變量不會被垃圾回收機制回收，造成內存消耗

缺點2：不恰當?shù)氖褂瞄]包可能會造成內存泄漏的問題

這里簡單說一下，為什么使用閉包時變量不會被垃圾回收機制收銷毀呢，這里需要了解一下JS垃圾回收機制;

JS規(guī)定在一個函數(shù)作用域內，程序執(zhí)行完以后變量就會被銷毀，這樣可節(jié)省內存;使用閉包時，按照作用域鏈的特點，閉包(函數(shù))外面的變量不會被銷毀，因為函數(shù)會一直被調用，所以一直存在，如果閉包使用過多會造成內存銷毀。

四、閉包應用

需求：實現(xiàn)變量a 自增

1、通過全局變量，可以實現(xiàn)，但會污染其他程序

 
 
 
 
    
  
  
  
  
  1. var a = 10; 
    2. 
  
  
  
  
  2. function Add(){ 
    3. 
  
  
  
  
  3.     a++; 
    4. 
  
  
  
  
  4.     console.log(a); 
    5. 
  
  
  
  
  5. } 
    6. 
  
  
  
  
  6. Add(); 
    7. 
  
  
  
  
  7. Add(); 
    8. 
  
  
  
  
  8. Add(); 
    9.

2、定義一個局部變量，不污染全局，但是實現(xiàn)不了遞增

 
 
 
 
    
  
  
  
  
  1. var a = 10; 
    2. 
  
  
  
  
  2. function Add2(){ 
    3. 
  
  
  
  
  3.     var a = 10; 
    4. 
  
  
  
  
  4.     a++; 
    5. 
  
  
  
  
  5.     console.log(a); 
    6. 
  
  
  
  
  6. } 
    7. 
  
  
  
  
  7. Add2(); 
    8. 
  
  
  
  
  8. Add2(); 
    9. 
  
  
  
  
  9. Add2(); 
    10. 
  
  
  
  
  10. console.log(a); 
    11.

3、通過閉包，可以是函數(shù)內部局部變量遞增，不會影響全部變量，完美!!

 
 
 
 
    
  
  
  
  
  1. var a  = 10; 
    2. 
  
  
  
  
  2. function Add3(){ 
    3. 
  
  
  
  
  3.     var a = 10; 
    4. 
  
  
  
  
  4.     return function(){ 
    5. 
  
  
  
  
  5.         a++; 
    6. 
  
  
  
  
  6.         return a; 
    7. 
  
  
  
  
  7.     }; 
    8. 
  
  
  
  
  8. }; 
    9. 
  
  
  
  
  9. var cc =  Add3(); 
    10. 
  
  
  
  
  10. console.log(cc()); 
    11. 
  
  
  
  
  11. console.log(cc()); 
    12. 
  
  
  
  
  12. console.log(cc()); 
    13. 
  
  
  
  
  13. console.log(a); 
    14.

文章標題：JavaScript中閉包的概念、原理、作用及應用
文章分享：http://www.5511xx.com/article/coieidd.html