今天做到一道实践题,关于实现闭包的
题目描述
实现函数 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;
}
完毕~