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了,所以我们会输出
1010

闭包产生的原因

从上面的代码中,我们可以看出闭包产生的根本原因就是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可以解决。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值