# JavaScript ES6 Promise

# Promise 状态

Promise 状态

  • pending(进行中) ----> fulfilled/resolved(成功)
  • pending(进行中) ----> rejected(失败)

只要处于 fulfilled/resolved [成功] 和 rejected [失败],状态就不会再变。

  1. 创建 Promise 参数内的函数会立即执行,并返回 Promise 对象
  2. 两个参数代表状态,resolve 成功调用,reject 失败调用
const p1 = new Promise((resolve,reject) =>{
  if(1){
    resolve('成功');
  }else{
    reject('失败');
  }
});
1
2
3
4
5
6
7
  1. 返回 Pormise 对象调用 then 方法,第一个参数对象 resolve 成功后的回调,第二个参数对应 reject 失败时回调。then 方法也会返回 Promise 对象
p1.then(value => {console.log(value)},err => {console.log(err)});
1
  1. then 方法执行成功的回调时,如果发生错误,不会被第二个参数对应 reject 失败时回调捕捉到。
  2. then 方法执行成功的回调发生错误是,链式调用 catch 方法可以捕捉前面 then 方法发生的错误
p1.then(val => {代码块有发生错误}).catch(e => {console.log(e);})
1

# Promise.all()与Promise.race()

Promise.all([Promise 对象,Promise 对象...]) // 批量执行
1
  1. 传入数组中包含多个 Promise 实例,也可以是别的值,all 包装成一个新的 Promise
  2. 全部都成功后,返回每个 Promise 成功的值 ["resolve 成功值 1", "resolve 成功值 1"]
  3. 任何一个失败,返回第一个失败的 Promise 结果
Promise.race([Promise 对象,Promise 对象...])
1

不管成功还是失败、哪个结果获得的快,就返回那个结果。

最后更新时间: 2021年9月23日 18:09:31