讀懂閉包

Scliang 發(fā)布于2019-08-22 15:35 / 836人閱讀

摘要：閉包個(gè)人理解就是把內(nèi)部函數(shù)變量什么的暴露出去，使在外部可訪問。比如閉包的作用域中保存元素時(shí)，以為這鈣元素將無法被銷毀，這時(shí)，可以把該對象的副本，加入是保存在變量中，然后閉包結(jié)束時(shí)，把置為空謹(jǐn)記閉包會應(yīng)用包含函數(shù)的整個(gè)活動對象

閉包

個(gè)人理解就是把內(nèi)部函數(shù)、變量什么的暴露出去，使在外部可訪問。閉包至少有兩個(gè)函數(shù)，一個(gè)外部函數(shù)，一個(gè)內(nèi)部函數(shù)

紅皮書中關(guān)于閉包講的很詳細(xì)，看過了在這里做個(gè)記錄：

閉包與變量

閉包只能取得包含函數(shù)中任何變量的最后一個(gè)值，因?yàn)?strong>閉包所保存的是整個(gè)變量，而不是某個(gè)特殊變量

function creatFunctions(){
    var result=new Array()
    for(var i=0;i<10;i++){
      result[i]=function(){
        return i
      }
    }
    return result;
  }

這段代碼返回的每個(gè)值是10，而不是看起來的1,2,3........，再看下面的代碼：

function creatFunctions(){
    var result=new Array()
    for(var i=0;i<10;i++){
      result[i]=function(num){
        return function(){
          return num
        }
      }(i)
    }
    return result;
  }

發(fā)現(xiàn)不同了么，第二段代碼中不是把閉包賦值給數(shù)組，而是定義一個(gè)匿名函數(shù)，傳入?yún)?shù)，并立即執(zhí)行。因?yàn)?strong>函數(shù)參數(shù)是按值傳遞，這樣就可以遍歷出1,2,3........

this

this的問題看了很久，也看了很多次，這里結(jié)合閉包說一下
注意：在全局函數(shù)中，this等于window，當(dāng)函數(shù)被當(dāng)做某個(gè)對象的方法調(diào)用時(shí)，this等于那個(gè)對象

var name="The Window"
  var object={
    name:"hello",
    getNameFunc:function(){
      return function(){
        return this.name
      }
    }
  }
  alert(object.getNameFunc()())

在調(diào)用object.getNameFunc()()時(shí)，是兩個(gè)括號，此時(shí)彈出的是The Window，猜猜為什么？
如果去掉括號，變成alert(object.getNameFunc())此時(shí)彈出的是

對，就是把里面的內(nèi)容打印出來了，并沒有調(diào)用。內(nèi)部函數(shù)在搜索this和arguments時(shí)，只會搜索到活動對象為止，因此這里永遠(yuǎn)不能打印出hello，可以把代碼做這樣的修改

getNameFunc:function(){
      var _this=this
      return function(){
        return _this.name
      }
    }

這樣就能當(dāng)問到hello，_this是我們在包含函數(shù)中特意聲明的一個(gè)變量，所以閉包也可以訪問
注：用es6的箭頭函數(shù)也可以解決這個(gè)問題

是否會造成內(nèi)存泄漏？

所謂的內(nèi)存泄漏，是指IE9之前的版本對JScript對象和COM對象使用不同的垃圾收集歷程，所以閉包在IE的這些版本中可能導(dǎo)致一些特殊的問題，這是可以解決的。
比如閉包的作用域中保存html元素時(shí)，以為這鈣元素將無法被銷毀，這時(shí)，可以把該對象的副本，加入是element.id保存在變量中，然后閉包結(jié)束時(shí)，把element=null置為空

謹(jǐn)記：閉包會應(yīng)用包含函數(shù)的整個(gè)活動對象