用思维导图梳理的 Promise,看完这篇就够了

Luckyfif

已于 2024-10-22 19:53:30 修改

阅读量632

点赞数 13

CC 4.0 BY-SA版权

于 2024-10-22 18:44:22 首次发布

本文链接：https://blog.youkuaiyun.com/Mz0127/article/details/143161780

一.对 Promise 的理解

二.什么是Promise链?

promise链

let promise=new Promise((resolve,reject)=>{
   
   
	const control=true
	control && resolve(res); //如果control为true,就执行resolve(res)
	reject(err)				//若为false,就执行reject(err)
}
promise
  .then( res=> console.log(res), err=>console.log(err))
  .catch( error => console.log(error))
  .finally( () =>console.log('finally#1'));

三.Promise有哪些静态方法?

静态方法

比较常用的是 promise.all() 和 promise.race()

(1).`promise.all()` 示例

const promise1 = fetch('https://api.example1.com/data');
const promise2 = fetch('https://api.example2.com/data');
const promise3 = fetch('https://api.example3.com/data');

Promise.all([promise1, promise2, promise3])
  .then((results) => {
   
   
    return Promise.all(results.map(r => r.json()));
  })
  .then((data) => {
   
   
    console.log(data); // data 是一个包含了三个 API 响应结果的数组
  })
  .catch((error) => {
   
   
    console.error('其中一个请求失败：', error);
  });

(2).`promise.race()` 示例

const p1 = new Promise((resolve, reject) => {
   
   
  setTimeout(resolve, 500, 'p1 完成');
});
const p2 = new Promise((resolve, reject) => {
   
   
  setTimeout(resolve, 100, 'p2 完成');
});

Promise.race([p1, p2])
  .then((result) => {
   
   
    console.