js 關於閉包的小總結
阿新 • • 發佈:2018-01-10
函數作為參數 for post alert tro 參數 立即執行函數 brush 執行
什麽是閉包
閉包就是能夠讀取其他函數內部變量的函數;
閉包表現為一個函數內嵌在另一個函數中;其實質是作用域的‘傳遞’;
作用域是你的代碼在運行時,各個變量、函數和對象的可訪問性;
應當知道,在js中只有兩種作用域,全局作用域和局部(函數)作用域;作用域存在包含關系,在一個作用域中定義了一個新的作用域(函數),那麽新的作用域中的變量可以訪問外層作用域,但是外層的作用域中的變量不可以訪問內層的作用域。而閉包提供了一種由外層作用域訪問內層作用域變量的方式
怎麽實現一個閉包
既然知道閉包的實質是作用域的‘傳遞’,那麽實現的方式就是函數對象的傳遞:
// 函數作為參數傳入 var a=3 function func1() { return a+1 } function func2(func){ var a=2 return func() } func2(func1) // 返回4
// 函數作為結果傳出 function func1 (){ var a=3 return { setter:function(val){ a=val }, getter:function(){ return a } } } var b=func1() b.setter(2) b.getter() // 2
閉包的作用
1.使變量仍然保留在內存中,不被垃圾回收
2.讀取函數內部的變量
閉包的有趣的代碼例子
function func1() { var arr = [] for (var i = 0; i < 5; i++) { arr[i] = function() { alert(i) } } return arr } var arr1 = func1() arr1[1]() // 5 arr1[2]() // 5
上面的代碼最終結果都是5;是由於在執行arr[i]這個函數的時候的i一直都是5。解決這個問題的辦法就是用立即執行函數包裹,把i作為參數傳入
function func1() { var arr = [] for (var i = 0; i < 5; i++) { arr[i] = (function(i) { return function() { alert(i) } })(i) } return arr } var arr1 = func1() arr1[1]() // 1 arr1[2]() // 2
js 關於閉包的小總結