setTimeout(fn,0)

零延时

• setTimeout(fn,0)会将fn添加到当前事件队列（消息队列）的最后，等待事件循环的处理
• 所谓事件队列的最后是指当前所有同步任务的最后
• 零延迟并不是意味着回调会立即执行。在零延迟调用 setTimeout 时，其并不是过了给定的时间间隔后就马上执行回调函数。其等待的时间基于队列里正在等待的消息数量。延迟是要求运行时处理请求所需的最小时间，但不是有所保证的时间。MDN-零延时

const fnTest = () => {
    for(i=0;i<3;i++){
        setTimeout(() => {
            console.log('time', i)
        }, 0)
        console.log('i', i)
    }
}
fnTest() //012333
console.log('window', i) //012(i) 3(window) 333(time)
const letTest = () => {
    for(let i=0; i<3;i++) {
        setTimeout(()=>console.log('let-time', i),0)
        console.log('let-i', i)
    }
}
letTest() //012(i) window 012(let-i) 333(time) 012(let-time)

let块级作用域

• fnTest中使用var声明变量i，这时i是全局有效的，全局只有一个变量i，console.log(‘window’,i)也可以证明这一点，在console.log(‘time’,i)执行时i 的值已经是3所以每次输出都是3
• 在letTest函数中使用let声明变量i，每次循环中的i都是一个新的变量，所以输出的是012而不是333
• 可以参考另一篇文章JS块级作用域与函数作用域–ES6 let

待更新：setTimeout(fn,0)的使用