js 闭包问题与应用
来看个问题
这个函数会返回一个函数数组,表面上看,似乎每个函数都应该返回自己的索引值,但实际上,每个函数返回的都是10。
createFunctions() 执行完毕后,作用域链销毁,活动对象则被保存在每个匿名函数的作用域链中,所以它们引用的都是同一个变量 i。
当 createFunctions() 函数返回后,变量 i 的值是 10,此时每个函数都引用这保存变量 i 的 同一个变量对象,所以每个函数内部的 i 的值都是 10。
那应如何让其返回预期的索引值呢?
我们可以通过创建另一个匿名函数强制让闭包的行为符合预期:
通过匿名函数,来保存每次传入的参数(因为函数参数是按值传递的,所以就会将变量 i 的当前值复制给参数 num)。
而这个匿名函数内部,又创建并返回了一个访问 num 的闭包,这样一来, result 数组中的每个函数都有自己 num 变量的一个副本,因此就可以返回各自不同的数值了。