Promise为什么比setTimeout先执行？

最新推荐文章于 2024-03-16 21:41:28 发布

承蒙时光不弃1769203735

最新推荐文章于 2024-03-16 21:41:28 发布

阅读量302

点赞数 1

分类专栏： js ES6 前端面试文章标签： promist settimeout

原文链接：https://juejin.im/post/5c8d0bcae51d455e3b65267f

版权

js 同时被 3 个专栏收录

32 篇文章 0 订阅

订阅专栏

前端面试

26 篇文章 2 订阅

订阅专栏

ES6

8 篇文章 0 订阅

订阅专栏

基本概念

为便于理解，在进入正题之前，不得不说以下一些基本的概念。

进程与线程

进程（process）

是操作系统结构的基础；
是系统进行资源分配和调度的基本单位;
在linux系统中可以使用ps-ef来查询进程列表（如下图）。比进程更小的单位叫做线程。

线程（thread）

是操作系统能够进行运算调度的最小单位；
它被包含在进程之中，是进程中的实际运作单位；一个进程可以并发多个线程，每条线程并行执行不同的任务。

并发（concurrency）

一个处理器同时处理多个任务。

并行（parallelism）

多个处理器或多核处理器同时处理多个任务。

单线程

单线程在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。

同步与异步

同步（synchronous）

调用一旦开始，调用者必须等到该调用结束才能执行下一步操作。

异步（asynchronous）

方法一旦调用，就会立即返回，调用者便可进行下一步操作。

JS运行机制

执行栈

是一个存储函数调用的栈结构，遵循先进后出的原则。

主线程

现在正在执行执行栈中的哪个事件。

Event Loop

以上我们讲到了进程与线程，同步与异步，执行栈，主线程等，那么JS到底是怎么运行的呢？

先来供上一个常见面试题，写出以下代码的执行结果

    console.log('start')

    setTimeout(() => {
        console.log('setTimeout')
    }, 0)
    
    new Promise(resolve => {
        console.log('promise')
        resolve()
    }).then(() => {
        console.log('then1')
    }).then(() => {
        console.log('then2');
    })
    
    console.log('end')
复制代码

结果如下图：

运行结果