JS梳理之异步 promise

异步编程

回调函数 XMLHttpRequest
XMLHttpRequest 是 JavaScript 中用于与服务器进行异步通信的对象。
它允许网页在不重新加载整个页面的情况下，向服务器发送请求并接收响应。
尽管现代开发中更常使用 fetch API，但 XMLHttpRequest 仍然在许多旧代码和一些特定的用例中被广泛使用。

回调函数的关键点：

函数可以作为参数传递
使用场景XMLHttpRequest、setTimeOut、setTimeOut
以上三个场景都是js内部封装好的异步调用靠自己手动是没有办法实现异步的这一点很容易迷糊

setTimeOut、setInterval

promise es6 中解决异步的方案，可以解决回调炼狱，但是还是可能出现嵌套太多从而表达不清楚的情况

async await 可以支持按照同步逻辑书写异步代码是Promise 与 Generator的语法糖底层逻辑是协程同一进程中由于控制程序的进行和停止

Promise 的状态
Promise 有三种状态：

Pending（待定）: 初始状态，既不是成功，也不是失败。
Fulfilled（已兑现）: 操作成功完成，Promise 进入此状态。
Rejected（已拒绝）: 操作失败，Promise 进入此状态。
状态一旦改变，就不可再更改。

创建 Promise
使用 Promise
Promise 的链式调用
Promise的方法
Promise.all()：所有 Promise 完成时成功，如果有一个失败则失败。
Promise.allSettled()：所有 Promise 完成时成功，返回每个 Promise 的状态。
Promise.any()：第一个成功的 Promise 成功，如果所有失败则返回错误。
Promise.race()：第一个完成的 Promise 成功或失败，不会等待其他 Promise。