关于javascript:105js循环和闭包示例

代码1:

        for (var i=1; i<=5; i++) {
            setTimeout(function timer() {
              console.log(i);
            }, i*1000 );
        }

失常状况下,咱们对这段代码行为的预期是别离输入数字1~5,每秒一次,每次一个。
但实际上,这段代码在运行时会以每秒一次的频率输入五次6。

代码2:

        for (var i=1; i<=5; i++) {
            (function() {
              setTimeout(function timer() {
                  console.log(i);
              }, i*1000 );
            })();
        }

后果还是: 以每秒一次的频率输入五次6。
代码3:

        for (var i=1; i<=5; i++) {
            (function() {
              var j = i;
              setTimeout(function timer() {
                  console.log(j);
              }, j*1000 );
            })();
        }

后果就失常了:别离输入数字1~5,每秒一次,每次一个

代码4(改良):

        for (var i=1; i<=5; i++) {
            (function(j) {
              setTimeout(function timer() {
                  console.log(j);
              }, j*1000 );
            })(i);
        }

代码4(再改良):

        for (var i=1; i<=5; i++) {
            let j = i; // 是的,闭包的块作用域!
            setTimeout( function timer() {
              console.log(j);
            }, j*1000 );
        }

代码5(再改良):

        for (let i=1; i<=5; i++) {
            setTimeout(function timer() {
              console.log(i);
            }, i*1000 );
        }

阐明:
let申明,能够用来劫持块作用域,并且在这个块作用域中申明一个变量。

块作用域和闭包联手便可天下无敌

知识点起源:

《你不晓得的JavaScript(上卷)》,5.4 循环和闭包

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理