Promise扫盲贴

站长资源 2024/11/25 佚名

9 1538 9

DDR爱好者之家 Design By 杰米

then

then函数可以return另一个promise：

const p1 = new Promise((resolve, reject) =>{
  resolve('p1')
})
const p2 = new Promise((resolve, reject) =>{
 setTimeout(() =>{
  resolve('p2')
 },3000)
})
p1.then(res => {
 console.log(res)
  return p2
}).then(res =>{ 
  // p2 resolve后才执行
  console.log(res)
})
//p1
// 3s后输出...
// p2

那么这个p2就会代替当前p1的状态，等到新的p2的状态修改时，下一个then才会执行

catch

1. 作用

可以捕获到promise程序执行中的error，等同于 .then(null, rejection) 或 .then(undefined, rejection)

2. 可以获取到的错误

promise函数体中抛出的error。在promise resolve后，再抛出错误，不会被捕获

const p1 = new Promise((resolve,reject) => {throw new Error('error')})
p1.catch(error => console.log(error))  // Error: error

promise的reject操作

const p2 = new Promise((resolve,reject) => reject('rejected'))
p2.catch(error => console.log(error)) // rejected

then 函数体中抛出的error

const p3 = new Promise((resolve,reject) => resolve('resolved'))
p3.then(res =>{
  throw new Error('error')
}).catch(error => console.log(error)) // Error: error

then函数可以返回一个promise(如果没有定义catch方法)，如果这个promise函数体中有reject或者error，也可以捕获到

3. 推荐使用catch方式捕获错误，而不是then的第二个参数：

因为catch可以捕获到它前面所有then方法中的错误

finally

不管promise最后状态如何，都会执行的操作
没有参数，获取不到当前promise最后的状态

Promise.all

1. 参数

参数不仅仅可以是数组，具有Iterator接口的对象都可以。
数组参数的每一个元素为promise实例，如果不是，就会调用Promise.resolve转换为Promise实例

const obj = {
  [Symbol.iterator]() {
    let index = 0
    return {
      next() {
        return {
          // promise对象 和 其他类型都可以
          value: new Promise(resolve => resolve(index++)), done: index > 2
          // value: index++, done: index > 2
        }
      }
    }
  }
}
const p = Promise.all(obj)
p.then(res => {
  console.log(res) // [0, 1]
})

2. 状态

const p = Promise.all([p1, p2, p3]);

p的状态由p1、p2、p3决定，分成两种情况：

只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

3. catch

如果参数中的promise定义了catch方法，那么Promise.all()的catch就不会捕获到错误

Promise.race

只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。
参数、catch规则同Promise.all

Promise.resolve

将现有对象转为Promise对象。

1. 参数

参数为promise实例：原封不动的返回这个实例。
参数为thenable对象：将它转为promise对象，然后立即执行它的then方法
参数不是thenable对象，或者是一个原始值：返回一个新的promise对象，状态为resolved
没有参数：直接返回衣蛾resolved状态的promise对象

Promise.reject

返回一个状态为rejected的promise实例

Promise.reject()方法的参数，会原封不动地作为reject的理由，变成后续方法的参数

const thenable = {
 then(resolve, reject) {
  reject('error');
 }
};

Promise.reject(thenable)
.catch(e => {
 console.log(e === thenable)
})
// true e并不是'error'

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

Promise,扫盲

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“Promise扫盲贴”

暂无评论...

Promise扫盲贴

webpack自动打包和热更新的实现方法

深入学习js函数的隐式参数 arguments 和 this

评论“Promise扫盲贴”

更新日志

友情链接