JS中定时器线程理解

栏目: JavaScript · 发布时间: 5年前

内容简介:最近在准备面试,对于JS原理性的文章,感觉很有必要系统整理下,不必每一次都要查询资料,节约时间。大家觉得这个定时器定时时间设为0,有意义吗?是否觉得上述代码效果等同于实践是检验真理的最好途径。我们不排斥拿来主义,但是如果能自己实践验证,对于提升自身格物致知的精神很有裨益。针对上述问题,我们用两个实验来解开答案:

最近在准备面试,对于JS原理性的文章,感觉很有必要系统整理下,不必每一次都要查询资料,节约时间。

问题

setTimeout(function(){
    console.log("开始执行定时器回调: "+ new Date())
    console.log("我是定时器")
},0)

大家觉得这个定时器定时时间设为0,有意义吗?是否觉得上述代码效果等同于

console.log("开始执行定时器回调: "+ new Date())
console.log("我是定时器")

实践是检验真理的最好途径。我们不排斥拿来主义,但是如果能自己实践验证,对于提升自身格物致知的精神很有裨益。针对上述问题,我们用两个实验来解开答案:

实验一:

console.log("1")
console.log("我是定时器")
console.log("2")

打印结果

JS中定时器线程理解

实验二:

console.log("1")
setTimeout(function(){
    console.log("我是定时器")
},0)
console.log("2")

打印结果

JS中定时器线程理解

通过上述两个实验结果,我们可以得知 定时器定时为0时,JS执行到定时器这一步,并不是直接开始执行定时回调,而是执行了后续代码之后,才执行。

那为什么会这样呢?

我们仍然拿两个例子来说明:

实验三:

console.log("1")
    console.log("定时器线程开始计时: "+ new Date())
    setTimeout(function(){
        console.log("开始执行定时器回调: "+ new Date())
    },5000)
    for(var i=0;i<500;i++){
        console.log("我是循环")
    }
    console.log("事件队列最后一位: "+ new Date())

打印结果:

JS中定时器线程理解

从结果中可以看出,从定时器线程开始定时,到定时5秒结束后,将定时回调事件放入事件队列中执行,用了5秒。

实验四:

console.log("1")
    console.log("定时器线程开始计时: "+ new Date())
    setTimeout(function(){
        console.log("开始执行定时器回调: "+ new Date())
    },5000)
    for(var i=0;i<50000;i++){
        console.log("我是循环")
    }
    console.log("事件队列最后一位: "+ new Date())

打印结果:

JS中定时器线程理解

从结果中可以看出,从定时器线程开始定时,到定时5秒结束后,将 定时回调事件 放入 事件队列 中执行,用了9秒。

两次结果不一致,是因为JS代码执行到定时器时,此时 定时器线程 开始定时,定时时间到之后,将 定时回调事件 推入 事件队列最后 ,JS线程依据 事件队列 中顺序执行。而之所以有的延时5秒,有的延时9秒,是因为如果定时器开始计时时, JS事件队列 中执行剩余的事件小于5秒,则定时结束后,将 定时回调事件 推入队列中,JS能够立即执行 定时回调事件 ,所以是5秒;而如果 JS事件队列 中执行剩余的事件大于5秒,那么在定时结束后,将 定时回调事件 推入队列后,还需一些时间来执行 定时回调事件 之前的事件,所以为9秒。

JS中定时器线程理解


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

离散数学及其应用

离散数学及其应用

SusannaS.Epp / 高等教育出版社 / 2005-3-1 / 63.0

离散数学及其应用:英文本,ISBN:9787040162301,作者:( )Susanna S.Epp著一起来看看 《离散数学及其应用》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换