javascript基础之闭包、立即执行函数、定时器

考验基础的时候到了,代码如下

var value1 = 0, value2 = 0, value3 = 0;
for ( var i = 1; i <= 3; i++) { 
    var i2 = i; 
    (function() {
        var i3 = i; 
        setTimeout(function() {
            value1 += i
            value2 += i2;
            value3 += i3; 
       }, 1);
    })();
}
setTimeout(function() {
    console.log(value1, value2, value3);
}, 100);

经典的闭包题,带着立即执行函数和定时器。实际运行结果如下

javascript基础之闭包、立即执行函数、定时器_第1张图片
代码执行结果

知识点:

  • 定时器延迟时间,延迟时间越短,越先执行。
  • 立即执行函数内部定时器执行时,i=4,i2=3,i3在函数内部,保存值为每次定时器保存值。
  • 内部定时器执行时,调取每次保存的值赋值i3

你可能感兴趣的:(javascript基础之闭包、立即执行函数、定时器)