使用闭包

来源：互联网发布：精索静脉曲张程度数据编辑：程序博客网时间：2024/06/10 17:44

实现函数 makeClosures，调用之后满足如下条件：
1、返回一个函数数组 result，长度与 arr 相同

2、运行 result 中第 i 个函数，即 result[i]()，结果与 fn(arr[i]) 相同

es6：

functionmakeClosures(arr, fn) {   
    varresult = newArray();
    for(let i=0;i<arr.length;i++){
        result[i] = function(){
            returnfn(arr[i]); //let声明的变量只在let所在代码块内有效，因此每次循环的i都是一个新的变量           
        };
    }
    returnresult;
}

//这种是错误的写法会导致result中每个函数的参数都是arr[arr.length]
functionmakeClosures(arr, fn) {
    varresult = newArray();
     for(vari=0;i<arr.length;i++){
        result[i] = function(){
            returnfn(arr[i]);            
        };
    }
    returnresult;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
//参考《JavaScript高级程序设计》的典型方法
functionmakeClosures(arr, fn) {
    varresult = newArray();
    for(vari=0;i<arr.length;i++){
        result[i] = function(num){
            returnfunction(){
                returnfn(num);
                 
            }
        }(arr[i]);
    }
    returnresult;
}
1
2
3
4
5
6
7
8
//使用ES5的bind()方法
functionmakeClosures(arr, fn) {
    varresult = newArray();
    for(vari=0;i<arr.length;i++){
        result[i] = fn.bind(null,arr[i]);
    }
    returnresult;
}
1
2
3
4
5
6
7
8
//使用forEach()
functionmakeClosures(arr, fn) {
    varresult = newArray();
    arr.forEach(function(curr){
        result.push(function(){returnfn(curr)});
    })
    returnresult;
}

0 0