用思维导图梳理的 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.