1.promise是手写异步代码的另一种方式,主要用于解决回调嵌套问题 2.promise提供两个参数resolve(成功时调用的函数),reject(失败时调用的参数),它们是promise内部实现好的函数 3.promise有三种状态,pending 等待,fulfilled成功,rejected失败 4.resolve时,将promise的状态从pending改为fulfilled 5.reject时,将promise的状态从pending改为rejected 6.promise是一个类
class Promise { //立刻执行 constructor(executor) { this.state = 'pending' // 初始化state为等待状态 this.value = undefined //记录成功的值 this.reason = undefined // 记录失败的值 // 只有状态为pending的时候才能被改变状态 // 在new Promise的时候,可以同时调用多个函数,但是只会执行第一个 let resolve = (value) => { if (this.state === 'pending') { this.state = 'fulfilled' // 更新状态 } this.value = value ///记录成功信息 // console.log('将状态改为成功,记录成功的信息') } let reject = (reason) => { if (this.state === 'pending') { this.state = 'rejected' // 更新状态 } this.reason = reason //记录失败的信息 // console.log('将状态改为失败,记录失败的信息') } // 如果执行executor报错,直接reject try { executor(resolve, reject) } catch { reject() } } then(onFulfilled, onRejected) { // 成功调用 onFulfilled 失败调用onRejected 根据state来进行区分 if (this.state === 'fulfilled') { onFulfilled(this.value) } if (this.state === 'rejected') { onRejected(this.reason) } } } const p = new Promise((resolve, reject) => { resolve('成功的传值') // reject('失败的传值') }) // 在类中,给原型加一个then方法 p.then(res => { console.log(res) })
标签:resolve,state,promise,reject,Promise,手写,pending From: https://www.cnblogs.com/qiuchuanji/p/17645282.html