js 闭包问题与应用

  来看个问题

   这个函数会返回一个函数数组,表面上看,似乎每个函数都应该返回自己的索引值,但实际上,每个函数返回的都是10。

  createFunctions() 执行完毕后,作用域链销毁,活动对象则被保存在每个匿名函数的作用域链中,所以它们引用的都是同一个变量 i。

  当 createFunctions() 函数返回后,变量 i 的值是 10,此时每个函数都引用这保存变量 i 的 同一个变量对象,所以每个函数内部的 i 的值都是 10。

 

  那应如何让其返回预期的索引值呢?

  我们可以通过创建另一个匿名函数强制让闭包的行为符合预期:

  通过匿名函数,来保存每次传入的参数(因为函数参数是按值传递的,所以就会将变量 i 的当前值复制给参数 num)。

  而这个匿名函数内部,又创建并返回了一个访问 num 的闭包,这样一来, result 数组中的每个函数都有自己 num 变量的一个副本,因此就可以返回各自不同的数值了。

 

posted @ 2021-03-26 15:26  名字不好起啊  阅读(47)  评论(0编辑  收藏  举报