js闭包简单

// 新的函数才会产生新的作用域,JavaScript的循环没有新的作用域产生。

// 测试使用的数组
var testArr = [1, 2, 3];

// @1 不使用闭包的情况下我们使用的是的引用
function generateFunc(arr) {
    var result = [];
    var n = arr.length;
    for(var i = 0; i < n; i++) {
        result[i] = function() {
            return arr[i];
        }
    }
    return result;
}
// @1 产生新的函数
var g1 = generateFunc(testArr);
// 此时的i已经变成了3
console.log(g1[0]()); // undefined
console.log(g1[1]()); // undefined
console.log(g1[2]()); // undefined

// @2 使用闭包方式一
function generateFunc1(arr) {
    var result = [];
    var n = arr.length;
    for(var i = 0; i < n; i++) {
        (function(j) {
            result[j] = function() {
                return arr[j];
            }
        })(i)
    }
    return result;
}
// @2 产生新的函数
var g2 = generateFunc1(testArr);
console.log(g2[0]()); // 1
console.log(g2[1]()); // 2
console.log(g2[2]()); // 3

// @3 使用闭包方式二


function generateFunc2(arr) {

    var result = [];
    var n = arr.length;
    for(var i = 0; i < n; i++) {
      // (function(){
            var j = i; // 注意这里
            result[i] = function() {
                return arr[j];
            }
      // })()
    }
    return result;
}
// @3 产生新的函数
//var g3 = generateFunc1(testArr);
var g3 = generateFunc2(testArr);
console.log(g3[0]()); // 1
console.log(g3[1]()); // 2
console.log(g3[2]()); // 3

//如果没得闭包

     
     

      
      

       
       var 
       
       testArr=[
       
       1,
       
       2,
       
       3]
      
      
      
      

       
       function 
       
       generateFunc2(
       
       arr) {
      
      

      
      
    
       
       var 
       
       result = [];
      
      
      
      
    
       
       var 
       
       n = 
       
       arr.
       
       length;
      
      
      
      
    
       
       for(
       
       var 
       
       i = 
       
       0; 
       
       i < 
       
       n; 
       
       i++) {
      
      
      
      
     
       
       //  (function(){
      
      
      
      
            
       
       var 
       
       j = 
       
       i; 
       
       // 注意这里
      
      
      
      
            
       
       result[
       
       i] = 
       
       function() {
      
      
      
      
                
       
       return 
       
       arr[
       
       j];
      
      
      
      

       
                   }
      
      
      
      
    
       
       //   })()
      
      
      
      

       
           }
      
      
      
      
    
       
       return 
       
       result;
      
      
      
      

       
       }
      
      
      
      

       
       // @3 产生新的函数
      
      
      
      

       
       var 
       
       g3 = 
       
       generateFunc2(
       
       testArr);
      
      
      
      

       
       console.
       
       log(
       
       g3[
       
       0]()); 
       
       // 3
      
      
      
      

       
       console.
       
       log(
       
       g3[
       
       1]()); 
       
       // 3
      
      
      
      

       
       console.
       
       log(
       
       g3[
       
       2]()); 
       
       // 3