javascript的闭包机制

闭包产生的条件

当内部函数被保存到外部，就会产生闭包。闭包会导致原有作用域链不释放，造成内存泄露。
详细点：闭包是在函数被调用时才被创建，与作用域链的访问顺序有关，只有内部函数访问上层作用域链的变量对象时，才会形成闭包。

例子

function test(){
        var arr = [];
        for(var i = 0; i < 10; i++){
          arr[i] = function () { 
            console.log(i);
          }
        }
        return arr;
    }
    var myArr = test();
    for(var j = 0; j < 10; j++){
      myArr[j]();//输出10个10  闭包保存了i  i最后一次是10
    }
    
这样写估计解释得不是很清楚，那么我们换个写法
下面的代码与上面等价
var i;
function test(){
        var arr = [];
        for(i = 0; i < 10; i++){
          arr[i] = function () { 
            console.log(i);
          }
        }
        return arr;
    }
    var myArr = test();
    for(var j = 0; j < 10; j++){
      myArr[j]();//输出10个10  闭包保存了i  i最后一次是10
    }
这样是不是清晰了，因为var定义的变量会被提升，
这个例子中就被提升到全局了，
然后每次执行for循环都换改变i的值，i的值会被存到全局里面
当myArr[j]()执行的时候，i的值早就被改为10了，所以我们会输出
10个10

闭包产生的原因

从上面的代码中，我们可以看出闭包产生的根本原因就是var声明的变量会被提升。

解决的办法

1.我们可以通过立即执行函数来解决这个问题

function test() {
        var arr = [];
        for (var i = 0; i < 10; i++) {
          (function(j) {
            arr[j] = function() {
              console.log(j);
            };
          })(i);
        }
        return arr;
      }
      var myArr = test();
      for (var j = 0; j < 10; j++) {
        myArr[j](); //输出0-9
      }
当执行到立即执行函数的时候，函数会立即执行，
i的值就会被立即存到j里面，等到执行的时候，数字就是对的了。

2.使用let声明变量（es6）

function test(){
        var arr = [];
        for(let i = 0; i < 10; i++){
          arr[i] = function () { 
            console.log(i);
          }
        }
        return arr;
    }
    var myArr = test();
    for(var j = 0; j < 10; j++){
      myArr[j]();//输出0-9
    }
let能解决闭包是因为用let声明的变量不会提升，闭包产生的原因就是
变量提升，所以let可以解决。

来源：CSDN

作者：学前端的菜鸟

链接：https://blog.csdn.net/qq_41938120/article/details/104806669