美文网首页
javascript基础之闭包、立即执行函数、定时器

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

作者: 芒果加奶 | 来源:发表于2017-07-05 16:56 被阅读0次

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

    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);
    

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

    代码执行结果

    知识点:

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

    相关文章

      网友评论

          本文标题:javascript基础之闭包、立即执行函数、定时器

          本文链接:https://www.haomeiwen.com/subject/gpuqhxtx.html