1. 程式人生 > >js 關於閉包的小總結

js 關於閉包的小總結

函數作為參數 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 關於閉包的小總結