ES6基本的语法(十四) Promise 补充

链式调用

const myPromise =
  (new Promise(myExecutorFunc))
  .then(handleFulfilledA,handleRejectedA)
  .then(handleFulfilledB,handleRejectedB)
  .then(handleFulfilledC,handleRejectedC);

// 或者
const myPromise =
  (new Promise(myExecutorFunc))
  .then(handleFulfilledA)
  .then(handleFulfilledB)
  .then(handleFulfilledC)
  .catch(handleRejectedAny);

catch 异常捕获

catch() 方法返回一个Promise,并且处理拒绝的情况。

let op = new Promise((resolve, reject)=>{
    // 异步操作
 throw new Error ('ccc')
});
// 异步执行
op.then((val)=>{
    console.log(val); 
},catch(err) =>{
    console.log(err) // 输出ccc
})

finally

**finally()** 方法返回一个Promise。在promise结束时,无论结果是fulfilled或者是rejected,都会执行指定的回调函数。

let op = new Promise((resolve, reject)=>{
    // 异步操作
 throw new Error ('ccc')
});
// 异步执行
op.then((val)=>{
    console.log(val); 
},catch(err) =>{
    console.log(err) // 输出ccc
}.finally()=>{
    console.log('over') // 输出over
})

常用的两个 API

Promise.all

Promise. all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。成功回调的返回值,顺序跟iterable的顺序保持一致

function a(){
    return new Promise((res,rej)=>{
    setTimeout(()=>{
        Math.random()*100>50? res(x):rej(x)
    })
  })
}
let oP = Promise.all([a('a'),a('b'),a('c')]);
oP.then((val) =>{
    console.log(val)
}.(reason)=>{
    console.log(reason)
})

当a b c三个全部大于50的时候 才会全部打印,失败的时候则返回最先被 reject 失败状态的值。

Promise.race

race 函数返回一个 Promise,它将与第一个传递的 promise 相同的完成方式被完成。它可以是完成( resolves),也可以是失败(rejects),这要取决于第一个完成的方式是两个中的哪个。

链式调用

const myPromise =
  (new Promise(myExecutorFunc))
  .then(handleFulfilledA,handleRejectedA)
  .then(handleFulfilledB,handleRejectedB)
  .then(handleFulfilledC,handleRejectedC);

// 或者
const myPromise =
  (new Promise(myExecutorFunc))
  .then(handleFulfilledA)
  .then(handleFulfilledB)
  .then(handleFulfilledC)
  .catch(handleRejectedAny);

catch 异常捕获

catch() 方法返回一个Promise,并且处理拒绝的情况。

let op = new Promise((resolve, reject)=>{
    // 异步操作
 throw new Error ('ccc')
});
// 异步执行
op.then((val)=>{
    console.log(val); 
},catch(err) =>{
    console.log(err) // 输出ccc
})

finally

**finally()** 方法返回一个Promise。在promise结束时,无论结果是fulfilled或者是rejected,都会执行指定的回调函数。

let op = new Promise((resolve, reject)=>{
    // 异步操作
 throw new Error ('ccc')
});
// 异步执行
op.then((val)=>{
    console.log(val); 
},catch(err) =>{
    console.log(err) // 输出ccc
}.finally()=>{
    console.log('over') // 输出over
})

常用的两个 API

Promise.all

Promise. all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。成功回调的返回值,顺序跟iterable的顺序保持一致

function a(){
    return new Promise((res,rej)=>{
    setTimeout(()=>{
        Math.random()*100>50? res(x):rej(x)
    })
  })
}
let oP = Promise.all([a('a'),a('b'),a('c')]);
oP.then((val) =>{
    console.log(val)
}.(reason)=>{
    console.log(reason)
})

当a b c三个全部大于50的时候 才会全部打印,失败的时候则返回最先被 reject 失败状态的值。

Promise.race

race 函数返回一个 Promise,它将与第一个传递的 promise 相同的完成方式被完成。它可以是完成( resolves),也可以是失败(rejects),这要取决于第一个完成的方式是两个中的哪个。

这个就不写例子了,理解成最先执行完的哪个,就被抓取到

参考链接

Promise

你可能感兴趣的:(ES6基本的语法(十四) Promise 补充)