JS 函数的执行时机

本文探讨了JavaScript中setTimeout()函数的执行原理,解释了为何在for循环中使用setTimeout会导致输出6个6。通过分析JS的单线程执行机制和事件循环,提出使用for循环配合let声明变量来正确打印0-5的方法。同时,还介绍了其他实现同样效果的技巧,如利用立即执行函数。
摘要由CSDN通过智能技术生成

1、提出问题

为什么如下代码会打印 6 个 6

let i = 0
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

执行结果:

提示: 

  • setTimeout()定时器
window.setTimeout(调用函数,[延迟的毫秒数]);
  •  setTimeout()是一个回调函数,需要等待时间,时间到了才去调用这个函数。
  • 他类似于异步任务。
  • JS是一种单线程语言,即同一时间只能做一件事。
  • JS的执行机制:首先判断是同步还是异步,同步任务在主线程执行,当有异步任务的时候,提交给对应的异步进程处理,异步任务完毕,推入任务队列中。当主线程执行完毕,查询任务队列,取出一个任务,推入到主线程处理。重复该动作(事件循环)。

以上代码执行过程:

  1. 声明一个变量i,并赋值i=0
  2. 判断i<6
  3. 如果i<6则进入循环,遇到setTimeout()定时器(表示过一会再输出i)
  4. 执行i++,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值