Promise 用法

最新推荐文章于 2024-10-06 16:09:55 发布

一叶知秋9307

最新推荐文章于 2024-10-06 16:09:55 发布

阅读量190

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： promise

本文链接：https://blog.youkuaiyun.com/qq_40285497/article/details/90600587

js 专栏收录该内容

14 篇文章

订阅专栏

博客介绍了Promise在不同请求场景下的应用，包括单个请求、多个无关联请求、有请求完成的race情况，以及一个请求依赖另一个请求结果的情况，虽内容简略，但提供了基本思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.单个请求时

let p = new Promise((resolve,reject)=>{
  setTimeout(function () {
    if (true) {
      resolve('xx')
    } else {
      reject('yy')
    }
  },100)
})
p.then()
  .catch()

2.多个请求时（各个请求没有相关）

let p1 = new Promise((resolve,reject)=>{
  setTimeout(()=>{resolve('p1')},1000)
});
let p2 = new Promise((resolve,reject)=>{
  setTimeout(()=>{reject('p2')},2000)
});

Promise.all([p1,p2]).then(param=>{
  console.log(param)
  console.log('所有请求完成')
}).catch(err=>{
  console.log(err)
})

3.有请求完成 race

let p1 = new Promise((resolve,reject)=>{
  setTimeout(()=>{resolve('p1')},1000)
});
let p2 = new Promise((resolve,reject)=>{
  setTimeout(()=>{reject('p2')},2000)
});

Promise.race([p1,p2]).then(param=>{
  console.log(param)
  console.log('有请求完成了')
}).catch(err=>{
  console.log(err)
})

4.一个请求依赖另一个求情的结果时

async function fn() {
  let a,a2;
  let p = new Promise((resolve,reject) => {
    a = '11';
    resolve('11')
  });
  await p;
  let p2 = new Promise((resolve,reject) => {
    a2 = a + '22';
    resolve('22')
  });
  await p2;
  console.log(a2)
}
fn()

写的比较简陋，朋友们多多指教