前端学习--Promise

Promise

个人理解，Promise是封装好的一个用来处理异步任务的对象，避免回调地狱，使得代码阅读性大大提高

构建对象时的要素

const promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

1. 使用new构建Promise对象时，接收的函数会立即执行
2. resolve，reject是回调函数
3. resolve，reject调用会更改Promise的状态，Promise三种状态，执行中，成功，失败。

链式调用

Promise对象可以使用.then对返回结果进行后续操作，使用多个.then可以组成链式调用，常见方式：

const p = new Promise( (resolve, reject)=>{...} )
p.then(...).then(...).catch(...)

1. Promise.then方法返回的还是一个Promise对象
2. 只有上一个Promise状态为成功后，才会执行下一个.then，如果失败会执行catch

实现原理

1：Promise类内部有属性记录状态，调用回调函数的时候更改了转状态

2：关于异步问题，因为要等待状态完成后才执行后续操作，所以在执行.then的时候，会判断当前状态，是pendding状态的时候，存储后续操作函数到队列，在状态更改为完成后才执行队列中的下一个函数

3：要实现链式调用，就要求.then返回的也是一个Promise对象，且不能是自己，否则会陷入死循环。

参考文章1
参考文章2
参考教程3

其他

Promise还提供了一些函数，用来处理多个Promise，比如all，race等