js-关于闭包

概念

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的常见方法就是在一个函数内部再创建另一个函数，创建的函数可以访问到当前函数的局部变量。

用途：

• 在函数外部能够访问到函数内部的变量。通过使用闭包，可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量。
• 使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收。

例如：函数 A 内部有一个函数 B，函数 B 可以访问到函数 A 中的变量，那么函数 B 就是闭包。

function A() {
	let a = 1
	window.B = function () {
		console.log(a)
	}
}
A()
B() // 1

在 JS 中，闭包存在的意义就是让我们可以间接访问函数内部的变量。以下面的循环为例：

for (var i = 1; i <= 5; i++) {
	setTimeout(function timer() {
		console.log(i)
	}, i * 1000)
}

因为 setTimeout 是个异步函数，所以会先把循环全部执行完毕，这时候 i 就是 6 了，所以会输出一堆 6。使用闭包可以有效的解决这个问题：

for (var i = 1; i <= 5; i++) { 
(function(j) { 
	setTimeout(function timer() {
		console.log(j) }, j * 1000) 
	})(i)
}

但其实并不推荐使用这种方法来解决，最好的方法还是使用let属性形成的块级作用域来解决这个问题：

for (let i = 1; i <= 5; i++) {
	setTimeout(function timer() {
		console.log(i)
	}, i * 1000)
}