qq_40086260
qq_40086260
2018-11-25 08:37
采纳率: 53.8%
浏览 1.6k
已采纳

es6是如何通过let解决闭包的?

var ary=[];
for(var i=0;i<10;i++){
ary[i]=function(){
console.log(i)
}
}
ary6;
上述代码执行后毫无疑问是10,es6之前解决闭包问题的办法通常是这样的:
var ary=[];
for(var i=0;i<10;i++){
(function(j){
//隐式执行var j=i;
ary[j]=function(){
console.log(j)
}
})(j);

                }
        ary[6]();
        现在通过立即执行函数,让函数ary[0]~ary[9]的作用域链首位都是一个匿名函数作用域,
        所以ary[6]会找它作用域链首位的j,所以结果是6,那么下面的代码怎么理解呢?

                    var ary=[];
                    for(let i=0;i<10;i++){
                        ary[i]=function(){
                            console.log(i);
                        }
                    }
                    ary[6]();
        结果也是6,感到很费解,ary[6]执行时会沿着作用域链一级一级向上找,但函数体内
        没有声明i,所在的块级作用域(循环体)也没有声明i,只有‘for(let i=0;i<10;i++)’
        这里声明了i,那么ary[6]只能在这个作用域下找到I,可是这个i不是10吗?

        这个问题困扰我好久了 ,哪位大神给出满意解答我会提高悬赏哦
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • jslang
    天际的海浪 2018-11-25 09:26
    已采纳

    用(function(j){})会产生函数级的作用域。
    而用 let 声明的就是块作用域,和函数级的作用域一样都可以用于形成闭包。
    在for中使用let声明块作用域变量时,ie11与其它浏览器有些不同。
    其实在一个for语句中有两层块作用域,我称之为“for语句块作用域(外层)”和“循环体块作用域(内层)”。循环变量就是在for语句块作用域(外层)中的。
    非ie11中,每次循环都会产生一个新的for语句块作用域(外层)。在其内创建一个新的i变量,并且这个新的i变量还会复制上一循环for语句块作用域内的i变量的值,并在这基础上进行i++。
    当你for中有创建函数ary[i]=function(){}时,就会与每次循环产生的for语句块作用域形成闭包,从而保留了每个循环的i变量。

    而在ie11中,for语句块作用域(外层)却是在整个循环过程中只会创建一个,而循环体块作用域(内层)才是每次循环都会产生一个新的。
    所以ie11中需要在循环体块作用域中创建变量才行

                        for(let i=0;i<10;i++){
                            let k=i;
                            ary[i]=function(){
                                console.log(k);
                            }
                        }
    
    点赞 1 评论

相关推荐