零延时
- 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)的使用