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

最新推荐文章于 2024-10-12 07:00:00 发布

原创最新推荐文章于 2024-10-12 07:00:00 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6

JS语法同时被 3 个专栏收录

30 篇文章

订阅专栏

ES6

23 篇文章

订阅专栏

javaScript

20 篇文章

订阅专栏

链式调用

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

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)
})