今天做到一道实践题,关于实现闭包的
题目描述
实现函数 makeClosures,调用之后满足如下条件:
1、返回一个函数数组 result,长度与 arr 相同
2、运行 result 中第 i 个函数,即 result[i](),结果与 fn(arr[i]) 相同
我的代码是这样写的
function makeClosures(arr, fn) { var result = []; for (var i = 0; i < arr.length; i++) { result.push(function(){ return fn(arr[i]); }); } return result; }
显而易见这样的代码是错误的,因为 i 只会等于arr.length
这是经典使用闭包时因为作用域链引来的副作用
解决办法
ES6的let
function makeClosures(arr, fn) { var result = []; for (let i = 0; i < arr.length; i++) { result.push(function() { return fn(arr[i]); }); } return result; }
加匿名函数立即执行
function makeClosures(arr, fn) { var result=[]; for(var i=0;i<arr.length;i++) { result.push((function(num){ return function(){ return fn(num); }; })(arr[i])); } return result; }
怎么理解呢。。其实很简单,就是每次循环都调用到内部的函数,使得arr[i]的值每次都赋到了num,最后成功返回fn(arr[i])的函数形式。
分享一下我对匿名函数的理解吧
匿名函数的语法是 (function(){})()
第一个括号里包含一个函数及函数功能代码,第二个括号是表示立刻执行函数内部功能代码,如果第二个括号带参,则把参导给函数并立即执行。
最讨厌的是这个匿名函数的语法不是固定的两个括号,第一个括号是可省略的,这也是为什么刚接触真的很头疼的原因
再附上一个foreach的写法吧
function makeClosures(arr, fn) { var result = []; arr.forEach(function (num) { result.push(function () { return fn(num); }) }); return result; }
完毕~