JavaScript学习过程中遇到的关于闭包的问题

今天做到一道实践题，关于实现闭包的

题目描述

实现函数 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;
}

完毕~