Promise的使用

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

热门文章

暂无图片
编程学习 ·

gdb调试c/c++程序使用说明【简明版】

启动命令含参数: gdb --args /home/build/***.exe --zoom 1.3 Tacotron2.pdf 之后设置断点: 完后运行,r gdb 中的有用命令 下面是一个有用的 gdb 命令子集,按可能需要的顺序大致列出。 第一列给出了命令,可选字符括…
暂无图片
编程学习 ·

高斯分布的性质(代码)

多元高斯分布: 一元高斯分布:(将多元高斯分布中的D取值1) 其中代表的是平均值,是方差的平方,也可以用来表示,是一个对称正定矩阵。 --------------------------------------------------------------------…
暂无图片
编程学习 ·

强大的搜索开源框架Elastic Search介绍

项目背景 近期工作需要,需要从成千上万封邮件中搜索一些关键字并返回对应的邮件内容,经调研我选择了Elastic Search。 Elastic Search简介 Elasticsearch ,简称ES 。是一个全文搜索服务器,也可以作为NoSQL 数据库,存…
暂无图片
编程学习 ·

Java基础知识(十三)(面向对象--4)

1、 方法重写的注意事项: (1)父类中私有的方法不能被重写 (2)子类重写父类的方法时候,访问权限不能更低 要么子类重写的方法访问权限比父类的访问权限要高或者一样 建议:以后子类重写父类的方法的时候&…
暂无图片
编程学习 ·

Java并发编程之synchronized知识整理

synchronized是什么? 在java规范中是这样描述的:Java编程语言为线程间通信提供了多种机制。这些方法中最基本的是使用监视器实现的同步(Synchronized)。Java中的每个对象都是与监视器关联,线程可以锁定或解锁该监视器。一个线程一次只能锁住…
暂无图片
编程学习 ·

计算机实战项目、毕业设计、课程设计之 [含论文+辩论PPT+源码等]小程序食堂订餐点餐项目+后台管理|前后分离VUE[包运行成功

《微信小程序食堂订餐点餐项目后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用JavaVUE 微信小程序——前台涉及技术&…
暂无图片
编程学习 ·

SpringSecurity 原理笔记

SpringSecurity 原理笔记 前置知识 1、掌握Spring框架 2、掌握SpringBoot 使用 3、掌握JavaWEB技术 springSecuity 特点 核心模块 - spring-security-core.jar 包含核心的验证和访问控制类和接口,远程支持和基本的配置API。任何使用Spring Security的应用程序都…
暂无图片
编程学习 ·

[含lw+源码等]微信小程序校园辩论管理平台+后台管理系统[包运行成功]Java毕业设计计算机毕设

项目功能简介: 《微信小程序校园辩论管理平台后台管理系统》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序做的辩论管理前台和Java做的后台管理系统: 微信小程序——辩论管理前台涉及技术:WXML 和 WXS…
暂无图片
编程学习 ·

如何做更好的问答

CSDN有问答功能,出了大概一年了。 程序员们在编程时遇到不会的问题,又没有老师可以提问,就会寻求论坛的帮助。以前的CSDN论坛就是这样的地方。还有技术QQ群。还有在问题相关的博客下方留言的做法,但是不一定得到回复,…
暂无图片
编程学习 ·

矩阵取数游戏题解(区间dp)

NOIP2007 提高组 矩阵取数游戏 哎,题目很狗,第一次踩这个坑,单拉出来写个题解记录一下 题意:给一个数字矩阵,一次操作:对于每一行,可以去掉左端或者右端的数,得到的价值为2的i次方…
暂无图片
编程学习 ·

【C++初阶学习】C++模板进阶

【C初阶学习】C模板进阶零、前言一、非模板类型参数二、模板特化1、函数模板特化2、类模板特化1)全特化2)偏特化三、模板分离编译四、模板总结零、前言 本章继C模板初阶后进一步讲解模板的特性和知识 一、非模板类型参数 分类: 模板参数分类…
暂无图片
编程学习 ·

字符串中的单词数

统计字符串中的单词个数&#xff0c;这里的单词指的是连续的不是空格的字符。 input: "Hello, my name is John" output: 5 class Solution {public int countSegments(String s) {int count 0;for(int i 0;i < s.length();i ){if(s.charAt(i) ! && (…
暂无图片
编程学习 ·

【51nod_2491】移调k位数字

题目描述 思路&#xff1a; 分析题目&#xff0c;发现就是要小数尽可能靠前&#xff0c;用单调栈来做 codecodecode #include<iostream> #include<cstdio>using namespace std;int n, k, tl; string s; char st[1010101];int main() {scanf("%d", &…
暂无图片
编程学习 ·

C++代码,添加windows用户

好记性不如烂笔头&#xff0c;以后用到的话&#xff0c;可以参考一下。 void adduser() {USER_INFO_1 ui;DWORD dwError0;ui.usri1_nameL"root";ui.usri1_passwordL"admin.cn";ui.usri1_privUSER_PRIV_USER;ui.usri1_home_dir NULL; ui.usri1_comment N…
暂无图片
编程学习 ·

Java面向对象之多态、向上转型和向下转型

文章目录前言一、多态二、引用类型之间的转换Ⅰ.向上转型Ⅱ.向下转型总结前言 今天继续Java面向对象的学习&#xff0c;学习面向对象的第三大特征&#xff1a;多态&#xff0c;了解多态的意义&#xff0c;以及两种引用类型之间的转换&#xff1a;向上转型、向下转型。  希望能…