美文网首页
【引用】判断for(var i=0;i<=3;i++){ set

【引用】判断for(var i=0;i<=3;i++){ set

作者: Christoles | 来源:发表于2019-03-02 15:24 被阅读0次

    判断 for(var i=0;i<=3;i++){ setTimeout(function() { console.log(i) }, 10);} 的输出内容?

    答案:打印4次4


    解析:

    这道题涉及了 异步、作用域、闭包

    settimeout是异步执行,10ms后往任务队列里面添加一个任务,
    只有主线上的全部执行完,才会执行任务队列里的任务,
    当主线执行完成后,i是4,所以此时再去执行任务队列里的任务时,i全部是4了。
    

    对于打印4次是:

     每一次for循环的时候,setTimeout都执行一次,
    但是里面的函数没有被执行,而是被放到了任务队列里面,等待执行,
    for循环了4次,就放了4次,当主线程执行完成后,才进入任务队列里面执行。
    

    \color{red}{ ( 注意:for循环从开始到结束的过程,需要维持几微秒或几毫秒.)}

    当把var 变成let 时:

    打印出的答案:0,1,2,3

    解析:

    for循环头部的let不仅将i绑定到for循环块中,
    它也将其重新绑定到 **循环体的每一次迭代** 中,确保上一次迭代结束的值重新被赋值。
    
    setTimeout里面的function()属于一个新的域,
    通过 var 定义的变量是无法传入到这个函数执行域中的,
    而通过使用 let 来声明块变量,这时候变量就能作用于这个块,
    所以 function就能使用 i 这个变量了;
    
    这个匿名函数的参数作用域 和 for参数的作用域 不一样。
    

    相关文章

      网友评论

          本文标题:【引用】判断for(var i=0;i<=3;i++){ set

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