事件循环
JavaScript是一门单线程的编程语言，所以没有并发并行等特性。
为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞，（事件循环）Event Loop的方案应用而生。
JavaScript处理任务是在等待任务、执行任务 、休眠等待新任务中不断循环中，也称这种机制为事件循环。
主线程中的任务执行完后，才执行任务队列中的任务
有新任务到来时会将其放入队列，采取先进先执行的策略执行队列中的任务
比如多个
setTimeout同时到时间了，就要依次执行
任务包括 script(整体代码)、 setTimeout、setInterval、DOM渲染、DOM事件、Promise、XMLHTTPREQUEST等
任务详解
任务分类
任务大致分为以下三种：
主线程任务
应放入宏队列中的任务
应放入微队列中的任务
| 放入宏队列中的任务 | ||
|---|---|---|
| # | 浏览器 | Node |
| setTimeout | √ | √ |
| setInterval | √ | √ |
| setImmediate | x | √ |
| requestAnimationFrame | √ | x |
| 放入微队列中的任务 | ||
|---|---|---|
| # | 浏览器 | Node |
| process.nextTick | x | √ |
| MutationObserver | √ | x |
| Promise.then catch finally | √ | √ |
执行顺序
根据任务的不同，执行顺序也有所不同：
1.主线程任务
2.微队列任务
3.宏队列任务
作用体现
使用Promise能让代码变得更易阅读，方便后期维护。
特别是在回调函数嵌套上，更应该使用Promise来书写代码。
嵌套问题
以下示例将展示通过 代码逻辑虽然清晰但是定时器回调函数嵌套太过复杂，阅读体验较差。 使用 这里看不懂没关系，下面会慢慢进行剖析，只是感受一下是不是嵌套没那么严重了看起来好看多了。 可以通过链式调用多个 每一个 此外，每一个 当一个 当没有使用 使用 使用 在一个 每个 建议使用 将 错误是冒泡操作的，下面没有任何一个 无论状态是 使用 其实每一个 此时就会产生一种链式关系，每一个 要想使用链式调用，一定要搞明白每一个 返回了一个值，那么 没有返回任何值，那么 抛出一个错误，那么 返回一个已经是接受状态的 返回一个已经是拒绝状态的 返回一个未定状态（ 上一个 下一个 上一个 下一个 上一个 我们可以利用在一个 继续对上面的代码做优化。 使用 的 使用 使用 任何一个 适用于一次发送多个异步操作 参数必须是可迭代类型，如 成功后返回 以下示例将展示同时提交两个异步操作，只有当全部成功时才会执行 使用 其实这在某些资源引用上比较常用，可以添加多个资源地址进行请求，谁先快就用谁的。 以最快返回的 如果最快返加的状态为 如果参数不是 下面示例中成功1比较快，就用成功1的。 使用 在某一个函数前加上 我们可以依照标准 使用 一般 当一个 如果在 更推荐写成下面这种形式 也可使用Js来使得
尝试解决
Promise来解决该问题。
Promise
JavaScript 中存在很多异步操作,Promise 将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。Promise 达到我们的目的，如同上面示例一样会让代码可读性大幅度提升。声明状态
Promise对象都接收一个函数，该函数需要提供两个参数，分别是resolve以及reject，代表当前函数中的任务成功与失败，这是属于线程任务的，所以会优先执行。Promise对象都具有三种状态，分别是pending，fulfilled，rejected。Promise对象状态改变过后，将不能再次改变。
pending 指初始等待状态，初始化 promise 时的状态 resolve 指已经解决，将 promise 状态设置为fulfilled reject 指拒绝处理或未解决，将 promise 状态设置为rejected
resolve 或 reject 更改状态时，状态为 pending
resolve修改状态后，状态为fulfilled
reject修改状态后，状态为rejected
then
Promise对象状态为resolve或reject时，可以紧跟then方法，该方法可接收两个个函数对象，用于处理Promise对象reject或resolve传递过来的值。
catch
then都可以指定第二个函数用于处理上一个Promise失败的情况，如果每个then都进行这样设置会显得很麻烦，所以我们只需要使用catch即可。catch 可以捕获之前所有 promise 的错误，所以建议将 catch 放在最后。
catch 处理错误catch 放在最后面用于统一处理前面发生的错误then 定义第二个函数，将一直冒泡到 catch 处理错误
catch也可捕捉到throw自动触发的异常。
finally
fulfilled或rejected都会执行此动作，finally 与状态无关。
链式调用
Promise进行链式调用，可以规避掉嵌套问题。基本概念
then都是一个新的Promise，默认返回为fulfilled状态。then都是一个新的Promise对象，而每个then的作用又都是处理上个Promise对象的状态。then的返回值。
then 返回的 Promise将会成为接受状态，并且将返回的值作为接受状态的回调函数的参数值。then 返回的 Promise将会成为接受状态，并且该接受状态的回调函数的参数值为 undefined。then 返回的 Promise将会成为拒绝状态，并且将抛出的错误作为拒绝状态的回调函数的参数值。Promise，那么 then 返回的 Promise也会成为接受状态，并且将那个 Promise的接受状态的回调函数的参数值作为该被返回的Promise的接受状态回调函数的参数值。Promise，那么 then 返回的 Promise也会成为拒绝状态，并且将那个 Promise的拒绝状态的回调函数的参数值作为该被返回的Promise的拒绝状态回调函数的参数值。pending）的 Promise，那么 then 返回 Promise 的状态也是未定的，并且它的终态与那个 Promise 的终态相同；同时，它变为终态时调用的回调函数参数与那个 Promise 变为终态时的回调函数的参数是相同的。无返回
then无返回值时该then创建的Promise对象为fulfilled状态。then会立即执行，接收值为undefined。
返回值
then有返回值时该then创建的Promise对象为fulfilled状态。then会立即执行，接收值为上一个then的返回值。
返回Promise
then有返回值且该返回值是一个Promise对象的话下一个then会等待该Promise对象状态改变后再进行执行，接收值根据被返回的Promise对象的任务处理状态来决定。
嵌套解决
then中返回Promise下面的then会等待状态的特性，对定时器回调函数嵌套进行优化。
代码优化
扩展接口
resolve
Promise.resolve() 方法可以快速的返回一个状态是fulfilled Promise对象。
reject
Promise.reject() 方法可以快速的返回一个状态是reject的Promise对象。
all
Promise.all() 方法可以同时执行多个并行异步操作，比如页面加载时同进获取课程列表与推荐课程。
Promise 执行失败就会调用 catch方法Array/SetPromise 结果的有序数组Promise.all()其下的then
allSettled
allSettled 用于处理多个Promise ，只关注执行完成，不关注是否全部执行成功，allSettled 状态只会是fulfilled。
race
Promise.race() 处理容错异步，和race单词一样哪个Promise快用哪个，哪个先返回用哪个。
Promise为准rejected 那整个Promise为rejected执行cachePromise，内部将自动转为Promise
async/await
async/await 是Promise的语法糖，可以让编写 Promise更清晰易懂，也是推荐编写Promise的方式。
async/await 本质还是Promise，只是更简洁的语法糖书写async
async，该函数会返回一个Promise对象。Promise来操纵该对象。
await
await 关键词后会等待Promise完。
await 后面一般是Promise，如果不是直接返回await 必须放在 async定义的函数中使用await 用于替代 then 使编码更优雅
await后面是外部其它的Promise对象
异常处理
Promise状态为rejected其实我们就可以将它归为出现异常了。await发生异常时，其他的await不会进行执行。
async中不确定会不会抛出异常，我们可以在接收时使用catch进行处理。
try...catch进行处理。