首页 > 其他分享> 文章详细

Promise

2020-06-08 11:56:26 阅读：217 来源： 互联网

标签：返回状态 resolve 函数 Promise reject

Promise构造函数接受一个函数作为参数，该函数有两个参数：

resolve：把状态改为fulfilled，结果为result

reject：把状态改为rejected，结果为error

工作原理：

　　在执行new Promise对象的时候，这个对象有个状态pending，Promise结果为undefined，而resolve和reject可以改变对象的状态

then方法（为 Promise 实例添加状态改变时的回调函数）

Promise原型上的方法，可以接受两个参数

onFulfilled(function) 必须对应Promise对象的resolve方法，如果该参数不是函数，则会在内部被替换为 (x) => x，即原样返回 promise 最终结果的函数

onRejected(function) 可选对应Promise对象的reject方法，如果该参数不是函数，则会在内部被替换为一个 "Thrower" 函数

，返回新的Promise实例。

当一个 Promise 完成（fulfilled）或者失败（rejected）时，返回函数将被异步调用（由当前的线程循环来调度完成）。具体的返回值依据以下规则返回。如果 then 中的回调函数：

返回了一个值，那么 then 返回的 Promise 将会成为接受状态，并且将返回的值作为接受状态的回调函数的参数值。
没有返回任何值，那么 then 返回的 Promise 将会成为接受状态，并且该接受状态的回调函数的参数值为 undefined。
抛出一个错误，那么 then 返回的 Promise 将会成为拒绝状态，并且将抛出的错误作为拒绝状态的回调函数的参数值。
返回一个已经是接受状态的 Promise，那么 then 返回的 Promise 也会成为接受状态，并且将那个 Promise 的接受状态的回调函数的参数值作为该被返回的Promise的接受状态回调函数的参数值。
返回一个已经是拒绝状态的 Promise，那么 then 返回的 Promise 也会成为拒绝状态，并且将那个 Promise 的拒绝状态的回调函数的参数值作为该被返回的Promise的拒绝状态回调函数的参数值。
返回一个未定状态（pending）的 Promise，那么 then 返回 Promise 的状态也是未定的，并且它的终态与那个 Promise 的终态相同；同时，它变为终态时调用的回调函数参数与那个 Promise 变为终态时的回调函数的参数是相同的。

let delay = (time) => {
  return new Promise((resolve, reject) => {
    if (time > 3) {
      reject(new Error('fail'))
    } else {
      setTimeout(() => {
        resolve()
      }, time * 1000)
    }
  })
}

delay(1)
  .then(() => {
    return 1
  }, () => {
    return delay(2)
  })
  .then((num) => {
    console.log(`params: ${num}`)
    return delay(4)
  })
  .then((num) => {
    console.log(3)
  }, () => {
    console.log(4)
  })

params: 1
4

catch方法

Promise对象上的方法，用来捕获链式操作上reject抛出的异常，避免每次都在then里写onRejected

不能用throw来抛出异常，必须要用reject（可以改变Promise状态）

Promise的四个静态方法（应用场景：有时期望返回一个值/报错信息也能用Promise实例的方法）

resolve和reject

let getSettings = () => {
  let settings = localStorage.getItem('settings')
  if (settings) {
    return Promise.resolve(settings)
  } else {
    return new Promise((resolve, reject) => {}) // 假如是异步操作
  }
}

localStorage.setItem('settings', '1')

getSettings()
  .then(settings => {
    console.log(settings)
  })

1

all静态方法（场景：多个请求互不关联，但都需要请求）

返回一个 Promise 实例，等待所有都完成（或第一个失败），如果参数中 promise 有一个失败（rejected），此实例回调失败（reject），失败的原因是第一个失败 promise 的结果。

let a1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve()
  }, 1000)
})

let b1 = Promise.resolve(1)

Promise.all([a1, b1])
  .then(_ => {
    console.log(_)
  })

Array [ undefined, 1 ]

race静态方法（场景：多个请求，请求相同内容的资源，一个响应成功就结束）

返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。

let a1= new Promise(resolve => {
  setTimeout(resolve, 1000, 'a')
})

let b1 = new Promise(resolve => {
  setTimeout(resolve, 500, 'b')
})

Promise.race([a1, b1])
  .then(_ => {
    console.log(_)
  })

b

标签：返回,状态,resolve,函数,Promise,reject
来源： https://www.cnblogs.com/allenzhang-920/p/13031827.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Promise