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

58次阅读

共计 762 个字符,预计需要花费 2 分钟才能阅读完成。

代码 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 循环和闭包

正文完
 0