Promise 是 JavaScript 中的一个重要概念，与前端的工作更是息息相关。在现实工作中，当我们使用 Promise 时更多是对请求的管理，由于不同请求或任务的异步性。因此我们会根据不同的使用场景处理 Promise 的调度。

写异步函数的时候，promise 和 async 两种方案都非常常见，甚至同一个项目里，不同的开发人员都使用不同的习惯, 不过关于两者的比较不是本文关注的重点，只总结为一句话：“async 是异步编程的终极解决方案”。

这个问题作者认为是所有从后端转向前端开发的程序员，都会遇到的第一问题。JS前端编程与后端编程最大的不同，就是它的异步机制，同时这也是它的核心机制。

前端技术飞速发展，曾经的最佳实践，在未来可能被新的方法代替，而我们只有保持不断学习，才能不那么迷茫，异步编程一直是JavaScript中的比较难学的部分，也是面试中的高频考题。

JavaScript是单线程的语言，单线程是指所有的程序路径按照一定的顺序执行，只有前面的程序执行了，后面的程序才会执行。

Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：

ES6的异步处理模型分为俩个阶段三种状态。两个阶段：未决unsettled, 已决settled。三个状态：pending挂起状态 , resolved成功， rejected失败

今天给大家来推荐几个写好 JavaScript 异步代码的推荐做法，每种场景都有一个对应的 eslint 规则，大家可以选择去配置一下。不建议将 async 函数传递给 new Promise 的构造函数。

浏览器一般会有下面三个线程，多个线程之间的同步操作是通过浏览器 内核控制 实现的。javascript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来，然后加以处理

回调函数：利用回调函数执行异步操作，把函数作为参数传递进去；Promise：将异步数据及相关操作封装在 Promise对象中，通过resolve返回；Rxjs将异步数据及相关操作封装在 Observable 中，通过next返回

比如有加载动画的页面，看起来就是一直在加载；又比如应该进行数据更新的页面，看不到数据变化；再比如一个对话框，怎么也关不掉 …… 这些现象我们统称为 BUG。

Promise 是异步编程的一种解决方案。ES6中已经提供了原生Promise对象。一个Promise对象会处于以下几种状态（fulfilled，rejected两种状态一旦确定后不会改变）：

让我们首先追踪常见的行为。在所有示例中，outerScopeVar都在函数内部被修改。该函数显然不会立即执行，而是被分配或作为参数传递。这就是我们所说的回调。

众所周知，Js的构造函数是不能加上async/await来实现异步实例化的，一般当需要一个对象的属性是异步的结果时可以这样写：但是当我想要在实例化时就调用该属性时就还要调用一次init（）

早期的 Web 应用中，与后台进行交互时，需要进行 form 表单的提交，然后在页面刷新后给用户反馈结果。在页面刷新过程中，后台会重新返回一段 HTML 代码，这段 HTML 中的大部分内容与之前页面基本相同，这势必造成了流量的浪费