setTimeout 设置1秒,1秒后一定会执行吗?

这个问题是个比较常会被问到的一个面试题,我们直接来看代码

这里为了直观的看到效果,在咱们设置为0秒。

setTimeout(function() {
	console.log("计时器执行")
}, 0)
for (var i = 0; i < 1000000000; i++) {
	if (i == 999999999) {
		console.log(i);
	}
}

在这里插入图片描述
这里可以看到大约过了俩秒后,控制台才显示出 999999999,其次才显示出 “计时器执行”。可能有些人就会说了,你的电脑配置不行,太慢了。这里笔者想说再好的电脑也不可能。

为什么会出现这样的情况呢?

这就要从 javascript 的执行方式说起了, 我们都知道 javascript 是一种单线程,异步的编程语言。

是因为 javascript 支持同步和异步两种执行方式,但是异步执行在单线程里的实现方式是作为一个事件对列。

异步执行的运行机制如下(参考JavaScript 运行机制详解)

1、所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
2、主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
3、一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
4、主线程不断重复上面的第三步

可以知道,只有在同步任务执行完毕之后,任务对列中的异步任务才能进入主线程开始执行。

再来看上面的代码,我故意将循环次数设置成一个较大的数值,是为了能比较明显地感受到for循环(同步任务)的执行时间。

setTimeou中的方法,在for循环结束后才执行,正是因为执行栈中的同步任务执行完之后,任务对列中的任务才能执行,所以导致 “计时器执行” 在延迟了接近俩秒之后才会执行。
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值