(基础)Promise的resolve参数

81 阅读1分钟

 resolve参数有以下几种类型

传入普通的值或者对象

  1. then里正常打印
  new Promise((resolve, reject) => {
    resolve('普通值或对象')    // 普通的值或者对象
  }).then(res => {
    console.log("res:", res)   // 正常打印 '普通值或对象'
  }, err => {
    console.log("err:", err)   //fulfilled状态,这里不会执行
  })

传入一个Promise

  1.  那么当前的Promise的状态会由传入的Promise来决定
  2.  相当于状态进行了移交
  const newPromise = new Promise((resolve, reject) => {
    // resolve("red message")
    reject("err message")          //这里是rejected状态
  })
  new Promise((resolve, reject) => {
    // pending -> fulfilled
    resolve(newPromise)             //这里状态由newPromise的状态决定(rejected)
  }).then(res => {
    console.log("res:", res)         
  }, err => {
    console.log("err:", err)        //rejected状态在这里执行
  })

传入一个对象, 并且这个对象有实现then方法(并且这个对象是实现了thenable接口)

  1.  那么也会执行该then方法, 并且由该then方法决定后续状态
  new Promise((resolve, reject) => {
    // pending -> fulfilled
    const obj = {
      then: function(resolve, reject) {
        resolve("resolve message")      //这里是fulfilled状态
        // reject("reject message")
      }
    }
    resolve(obj)             //这里状态由obj.then方法决定(fulfilled)
  }).then(res => {
    console.log("res:", res)       //fulfilled状态在这里执行
  }, err => {
    console.log("err:", err)
  })