js 关于闭包的小总结

什么是闭包

闭包就是能够读取其他函数内部变量的函数；

闭包表现为一个函数内嵌在另一个函数中；其实质是作用域的‘传递’；

作用域是你的代码在运行时，各个变量、函数和对象的可访问性；

应当知道，在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