【JavaScript】牛客编程：使用闭包实现函数 makeClosures

骑猪看日落 2022-04-21 23:45 79阅读 0赞

调用之后满足如下条件：  
1、返回一个函数数组 result，长度与 arr 相同  
2、运行 result 中第 i 个函数，即 resulti，结果与 fn(arr\[i\]) 相同  
我第一次写法是这样的：

function makeClosures(arr, fn) {
        var result = []
        arr.forEach(function(item, index) {
            result.push(function(item) {
                        return fn(item)
            })
        })
        return result
    }

这种写法，你在push的时候其实只是创建一个函数对象，并没有执行：

function(item) {
              return fn(item)
    }

当迭代停止时，item为最终迭代停止的值，在函数被调用时，item依旧为最终迭代停止的值，因此无法返回正确的结果。

为了解决这个问题，需要声明一个匿名函数，并立即执行它。

function(num){ 
    		return function(){
    			return fn(num); 
    		}; 
    }(i)

函数执行后，i立即传入并被内部函数访问到，因此就能得到正确的结果。

正确代码如下:

function makeClosures(arr, fn) {
        var result = []
        arr.forEach(function(item, index) {
            result.push(function(item) {
                return function() {
                        return fn(item)
                    }
                }(item)
            )
        })
        return result
    }

使用bind实现：

function makeClosures(arr, fn) {
        var result = [];
        for(var i=0;i<arr.length;i++){
            result[i] = fn.bind(null,arr[i]);
        }
        return result;
    }

使用ES6 let关键字。 牛客网不支持