美文网首页
js setTimeout 0秒,会立即执行吗?

js setTimeout 0秒,会立即执行吗?

作者: 切磋琢磨_FE | 来源:发表于2018-12-04 21:52 被阅读0次

首先请在浏览器控制台执行下面的代码进行测试

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

如果您的电脑和我的电脑配置差距不太大的话,就会发现,大约过了三秒后,控制台才显示出 999999999,其次才显示出 “setTimeout执行了”。

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

这就要从js的执行方式说起了, 我们知道js是一种单线程,异步的编程语言。
是因为js支持同步和异步两种执行方式,但是异步执行在单线程里的实现方式是作为一个事件对列。

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

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

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

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

setTimeou中的方法,在for循环结束后才执行,正是 因为执行栈中的同步任务执行完之后,任务对列中的任务才能执行,所以导致 “setTimeout执行了” 在延迟了接近三秒之后才会执行。

相关文章

  • js setTimeout 0秒,会立即执行吗?

    首先请在浏览器控制台执行下面的代码进行测试 如果您的电脑和我的电脑配置差距不太大的话,就会发现,大约过了三秒后,控...

  • Promise类加入异步逻辑

    settimeout会影响主进程不会立即执行,执行器函数会立即执行,不会等待settimeout的执行,执行the...

  • js 延迟加载的方式有哪些?

    1.使用setTimeout延迟方法 2.让JS最后加载 3.defer属性: 等于告诉浏览器立即下载,但延迟执行...

  • webpack 02

    使用webpack进行打包之后生成的bundle.js的内容大致如下: 比较重要的就是这个立即执行函数,这个立即执...

  • Javascript定时器中的this指向

    使用js中的定时器(setInterval,setTimeout),很容易会遇到this指向的问题。例如:var ...

  • 定时器setTimeout和setInterval

    js计时器有下面两种方法: setTimeout() setInterval() setTimeout()和set...

  • js定时器等待1s执行

    使用js定时器,setTimeout()方法。

  • 从 setTimeout 到事件循环

    回想起第一次使用 setTimeout 函数的时候,设置的回调函数并不是立即执行,而是过了一段定义好的时间之后才执...

  • requestAnimationFrame

    setTimeout和setInterval 我们在用js实现动画时,经常会用到setTimeout和setInt...

  • setTimeout(func,0)

    1、js中setTimeout()时间参数设置为0的探讨2、关于SetTimeout 时间设为0时。

网友评论

      本文标题:js setTimeout 0秒,会立即执行吗?

      本文链接:https://www.haomeiwen.com/subject/xnxbcqtx.html