美文网首页
Promise then方法的链式调用识别promise对象自返

Promise then方法的链式调用识别promise对象自返

作者: 湘兰沅芷 | 来源:发表于2021-12-18 18:21 被阅读0次
const PENDING = 'pending' // 等待
const FULFILLED = 'fulfilled' // 成功
const REJECTED = 'rejected'// 失败
class MyPromise {
  constructor(executor) {
    executor(this.resolve, this.reject)
  }
  status = PENDING
  value = undefined
  reason = undefined
  successCallback = []
  failCallback = []
  resolve = value => {
    if (this.status !== PENDING) return
    // 将状态修改为成功
    this.status = FULFILLED
    // 保存成功之后的值
    this.value = value
    // this.successCallback && this.successCallback(this.value)
    while(this.successCallback.length) {
      this.successCallback.shift()(this.value)
    }
  }
  reject = reason => {
    if (this.status !== PENDING) return
    this.status = REJECTED
    this.reason = reason
    // this.failCallback && this.failCallback(this.reason)
    while(this.failCallback.length) {
      this.failCallback.shift()(this.reason)
    }
  }
  then(successCallback, failCallback) {
    let promise2 = new MyPromise((resolve, reject) => {
      if (this.status === FULFILLED) {
        setTimeout(() => {
          let x = successCallback(this.value)
          // resolve(x)
          resolvePromise(promise2, x, resolve, reject)
        }, 0)
      } else if (this.status === REJECTED) {
        failCallback(this.reason)
      } else {
        // 等待
        // 讲成功回调和失败回调进行存储
        this.successCallback.push(successCallback)
        this.failCallback.push(failCallback)
      }
    })
    return promise2
  }
}

function resolvePromise(promise2, x, resolve, reject) {
  if (promise2 === x) {
   return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
  }
  if (x instanceof MyPromise) {
    // x.then(value => resolve(value), reason => reject(reason))
    x.then(resolve, reject)
  } else {
    resolve(x)
  }
}

module.exports = MyPromise
let pro = new MyPromise((resolve, reject) => {
  resolve('hello')
})
let p = pro.then((value) => {
  return p;
})
p.then((val) => {}, reason => {
  console.log(reason)
})

相关文章

  • Promise then方法的链式调用识别promise对象自返

  • Promise用法详解

    参考promise|深入理解 promise:promise的三种状态与链式调用 Promise对象只有三种状态 ...

  • ES6

    AJAX 异步网络请求 Promise 使用了Promise对象之后可以链式调用的方式组织代码 Promise.a...

  • 28.Promise链式调用的写法

    promise链式调用resolve的写法 有三种方式: 直接new一个新的Promise对象 通过Promise...

  • promise&&acync/await

    基本语法 特点: Promise.protyte.then&&链式调用 执行之后返回一个Promise对象。 Pr...

  • es6 Promise的学习笔记

    promise是什么 promise对象可以理解为一次执行的一步操作,使用promise对象之后可以用一种链式调用...

  • js promise图解

    链式调用 封闭promise

  • Promise链式调用

    一、Promise对象 承诺一定会实现,更简单的处理异步请求。同时更加方便使用链式调用。缺点:Promise对象状...

  • Promise方法运用

    本章涉及以下几点 如何创建一个Promise对象 参数讲解 链式调用 catch()捕捉异常 Promise.al...

  • async和await

    promise链 原来用promise的链式调用方式,then 中原本就返回了一个promise async 函数...

网友评论

      本文标题:Promise then方法的链式调用识别promise对象自返

      本文链接:https://www.haomeiwen.com/subject/xqydfrtx.html