Promise的使用

2021-10-03 10:02:43 阅读：151 来源： 互联网

标签：resolve console log 使用 p1 Promise reject

1.promise实例

Promise 表示未来的某个时间一定会返回一个结果。

Promise 是一个容器,里面包裹了一些异步操作,它表示一个预计会在未来完成的异步操作。

PromiseState(promise状态) pending(进行中) fulfilled(已成功) rejected(已失败)。

Promise状态变化pending =>fulfilled 或者 pending=>rejected 不可逆的,而且一旦执行成功状态就会凝固不会在发生其他变化了。

console.log(1)
let p1 = new Promise((resolve, reject)=>{

    resolve("1")//成功后的回调
    reject("2")//失败后的回调
    console.log(2)
})

console.log(p1);
p1.then((resolve)=>{//异步操作
    // resolve 成功后的结果

     console.log(3)

     console.log("resolve 成功后的结果",resolve);

},(reject)=>{
    // reject 失败后的结果
    console.log("reject 失败后的结果",reject);
}))

console.log(4)
//1243

2. Promise实例API

Promise实例上有三个api 分别是： then(resolve=>{},reject=>{})，catch(err=>{})，finally(()=>{})

then() 方法中有两个回调函数分别表示成功后的回调和失败后的回调

let p1 = new Promise((resolve, reject)=>{

     resolve("1")//成功后的回调
     reject("2")//失败后的回调
})

console.log(p1);
p1.then((resolve)=>{//异步操作
   console.log("resolve 成功后的结果",resolve);
},(reject)=>{
   // reject 失败后的结果
   console.log("reject 失败后的结果",reject);
}))

catch(err=>{}) 在创建或者使用promise的时候,如果代码报错那么会自动的走then.reject 如果在then中没有reject回调,会在catch中进行错误捕获, catch方法也会捕获在then方法中发生任何错误

 let p1 = new Promise((resolve, reject) => {
     if (1 > 0) {
         resolve(1)
     } else {
        reject(2)
      }
})

p1.then((resolve) => {
    throw new Error("手动报错")
    console.log("resolve 成功后的结果", resolve);
}, (reject) => {
    console.log("reject 失败后的结果", reject);
}).catch((err)=>{
    console.log("catch err===>", err);
})
 console.log(p1);

finally(()=>{}) 无论promise执行成功或者失败,也无论catch方法是否执行, 最终finally都会执行

let p1 = new Promise((resolve, reject) => {
     if (1 > 0) {
           throw new Error("手动报错")
           resolve(1)
     } else {
           reject(2)
     }
})

p1.then((resolve) => {
     console.log("resolve 成功后的结果", resolve);
}, (reject) => {
     throw new Error("手动报错")
     console.log("reject 失败后的结果", reject);
}).catch((err)=>{
     console.log("catch err===>", err);
}).finally(()=>{
     console.log("finally fin===>");
})
console.log(p1);

PromiseAPI和应用

Promise.all （全部）

（1）Promise.all 如果都成功就正常返回, 有一个失败,那么都会认为是失败的

（2）Promise.all里面的promise实例都是并行的, 需要等到所有的promise实例都执行完后才会有结果

（3）promise实例都执行完之后 pAll状态变为已成功, 返回结果是参数的顺序

（4）当有任意一个失败 pAll会直接返回rejected, pAll的状态都是失败的

let p1 = new Promise((resolve, reject) => {
     setTimeout(() => {//模拟异步
     resolve("p1")
     }, 1000)
});
let p2 = new Promise((resolve, reject) => {
     setTimeout(() => {//模拟异步
     resolve("p2")
     }, 5000)
});
let p3 = new Promise((resolve, reject) => {
     setTimeout(() => {//模拟异步
     reject("p3")
     }, 2000)
});
let pAll = Promise.all([p1, p2, p3]);
pAll.then(
     resolve => {
          console.log("成功后的回调",resolve);//"成功后的回调",["p1", "p2", "p3"]
     },
     reject => {
          console.log("失败后的回调",reject);
     })

Promise.race

Promise.race方法返回的也是一个promise对象, race方法谁先有结果就返回谁,无论成功还是失败(成功的就走resolve,失败就会在reject中返回).

let p1 = new Promise((resolve, reject) => {
      setTimeout(() => {//模拟异步
            reject("p1")
      }, 1000)
});
let p2 = new Promise((resolve, reject) => {
      setTimeout(() => {//模拟异步
            resolve("p2")
      }, 5000)
});
let p3 = new Promise((resolve, reject) => {
      setTimeout(() => {//模拟异步
            resolve("p3")
      }, 2000)
});
let pRace = Promise.race([p1, p2, p3]);
pRace.then(
     resolve => {
         console.log("成功后的回调",resolve);//成功后的回调 p1
     },
     reject => {
         console.log("失败后的回调",reject);//失败后的回调 p1
})

标签：resolve,console,log,使用,p1,Promise,reject
来源： https://blog.csdn.net/Frist_Emperor/article/details/120576994

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Promise的使用

1.promise实例

2. Promise实例API

PromiseAPI和应用