什么是Promise
Promise 是一种用于处理异步操作的机制，它是ES6中的新特性。它可以将异步操作封装为一个对象，统一处理异步操作的成功或失败，并提供了链式调用的语法，大大简化了异步操作的处理流程。
Promise 有三种状态：
pending起始状态，表示操作未完成fulfilled操作成功rejected操作失败
可以通过调用 Promise.then() 来监听 Promise 的状态。Promise 的状态只会从 pending 转化为 fulfilled 或 rejected，并且状态一旦被改变，就不会再次改变。
事件循环机制
JavaScript 是单线程的语言，一个时刻只能执行一个任务，因此对于异步操作，需要使用事件循环机制来进行处理。
事件循环机制是基于事件驱动模型的，任务分为同步任务和异步任务。同步任务会立即执行，而异步任务会被放入到任务队列中，等待事件循环机制从队列中取出并执行。
事件循环机制分为三个部分：
- 调用栈（Call Stack）：存储执行上下文和函数调用的堆栈结构。当函数执行时，其执行上下文被压入调用栈，并且该函数从上到下执行完毕后，其执行上下文会从调用栈中弹出。
- 任务队列（Task Queue）：存储未来将要执行的任务，同时每个任务之间都有优先级的不同。
- 事件循环（Event Loop）：负责监测调用栈和任务队列，并在调用栈为空时，将下一个任务从任务队列中取出并执行。
Promise 和事件循环机制的关系
Promise 是基于事件循环机制开发的，通过 Promise 的特性可以很好地实现异步操作的处理，实现 Promise 的过程中也要依赖事件循环机制，以保证 Promise 的正确执行。
当 Promise 的状态从 pending 转化为 fulfilled 或 rejected 时，会将对应的回调函数加入到微任务队列中，等待事件循环机制的执行。
----- ------- - --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
------------------- -- -
------------------ - - ---- -------
---
---------------------
-- -------- ---- ---- ----在以上代码中，console.log('start'); 先被执行，接着 setTimeout 将 resolve 方法加入到了任务队列中，1秒后执行，Promise 的状态变为 fulfilled 并且将 promise.then 方法加入到微任务队列中，等待事件循环机制执行。console.log 在调用栈中执行，直到调用栈为空时，事件循环机制将微任务队列中的方法取出并执行。
总结
Promise 和事件循环机制是前端开发不可或缺的两个重要机制，它们能极大地提高异步操作的处理效率，并且编写起来也更加简单易懂。理解它们之间的关系对于掌握 JavaScript 异步编程是十分必要的。
在编写异步操作时，我们应该采用 Promise 链式调用的方式，可以使代码结构更加清晰，并且可以轻松掌控各个异步操作之间的执行顺序。
参考代码：
----- --------- - --- -- -
------ --- ----------------- ------- -- -
----- --- - --- --------
---------- - -- -- -
-------------
--
----------- - ----- -- -
--------------
--
------- - ----
---
--
------------------------------------------
----------- -- -
------------------------ --------------
------ ------
--
----------- -- -
----- ------ - ---------------------------------
----- ------- - ------------------------
------------ - ------------
------------- - -------------
------------------------ -- ---
--------------------------------
--
------------ -- -
---------------------
---来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/648e8fa848841e9894cee81b