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


prtyaa
prtyaa 2023-12-25 16:40:22 51267 赞同 0 反对 0
分类: 资源
这个问题是个比较常会被问到的一个面试题

为了直观的看到效果,在咱们设置为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循环结束后才执行,正是因为执行栈中的同步任务执行完之后,任务对列中的任务才能执行,所以导致 “计时器执行” 在延迟了接近俩秒之后才会执行。

如果您发现该资源为电子书等存在侵权的资源或对该资源描述不正确等,可点击“私信”按钮向作者进行反馈;如作者无回复可进行平台仲裁,我们会在第一时间进行处理!

评价 0 条
prtyaaL2
粉丝 1 资源 1949 + 关注 私信
最近热门资源
最近下载排行榜
作者收入月榜
1

prtyaa 收益393.52元

2

zlj141319 收益217.1元

3

1843880570 收益214.2元

4

IT-feng 收益208.98元

5

风晓 收益208.24元

6

777 收益172.71元

7

Fhawking 收益106.6元

8

信创来了 收益105.84元

9

克里斯蒂亚诺诺 收益91.08元

10

技术-小陈 收益79.45元

请使用微信扫码

加入交流群

请使用微信扫一扫!