手写 Promise-1

Promise笔记

1.用法(解决了什么问题) 2.周边生态 3.原理

1）promise解决了什么问题，1、解决异步并发问题(promise.all())。2、解决异步串行问题(回调地域问题)，上一个的输出是下一个的输入。回调地域的嵌套写法改写成promise的链式操作写法。3、错误处理比较方便(里面有catch写法)

Promise的特点：

1.promise是一个类，类中的构造函数(constructor)需要传入一个executor,默认就会执行

2.executor中的两个参数分别是resolve，reject

3.默认创建一个promise状态就是pending，promise有三个状态：pending,fulfilled,rejected

4.调用成功和失败时，需要传递一个成功的原因和失败的原因

5.promise的状态不可以修改(如果已经成功了就不能失败，失败了也不能成功)

6.每一个promise实例都有一个then方法

7.如果抛出异常throw new error,就按照失败rejected来处理。

先手写一个简易版的promise、
promise.js文件

const Promise = require('./1-promise.js')
const p = new Promise((resolve, reject) => {

  console.log('默认执行');
  reject('失败了')
  resolve('成功了')
})
p.then((value) => {
  console.log('success', value);
}, (reason) => {
  console.log('fail', reason);
})

1-promise.js文件代码

const STATUS = {
  PENDING: 'PENDING',
  FULFILLED: 'FULFILLED',
  REJECTED: 'REJECTED'
}
class Promise {
  constructor(executor) { // constructor是类的构造函数
    this.status = STATUS.PENDING;
    this.value = null;
    this.reason = null;
    const resolve = (value) => {
      if (this.status === STATUS.PENDING) {
        this.status = STATUS.FULFILLED;
        this.value = value;
      }
    }
    const reject = (reason) => {
      if (this.status === STATUS.PENDING) {
        debugger
        this.status = STATUS.REJECTED;
        this.reason = reason;
      }
    }
    try {
      executor(resolve, reject)
    } catch(error) {
      reject(error)
    }
  }
  then(onFulfilled, onRejected) {
    if (this.status === STATUS.FULFILLED) {
      onFulfilled(this.value)
    }
    if (this.status === STATUS.REJECTED) {
      onRejected(this.reason)
    }
  }
}
module.exports = Promise;