Promise的基本使用

本文介绍了Promise的基本概念,详细讲解了Promise的构造函数和状态转变,包括then、catch方法的使用,以及Promise.resolve、Promise.reject、Promise.all、Promise.race和Promise.finally等函数方法。通过实例解析了Promise链式调用中的状态管理和中断策略,帮助理解Promise在处理异步操作中的重要性。
摘要由CSDN通过智能技术生成

一、什么是Promise

Promise是异步编程的一种解决方案,在ES6中Promise被列为了正式规范,统一了用法,原生提供了Promise对象。它支持链式调用,同时解决了回调地狱的问题。

二、Promise的基本用法

Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolvereject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。

let p = new Promise(function(resolve, reject){
   
    //做一些异步操作
    setTimeout(function(){
   
        console.log('执行完成');
        resolve('随便什么数据');
    }, 2000);
});

Promise的三种状态:默认情况下是等待状态pending,成功为fullfiled/resolved,失败为rejected。同时状态只能由pending变为fullfiled或rejected,且只能改变一次

PromiseState:实例对象的一个属性PromiseState保存Promise对象的状态

照标准来讲,resolve是将Promise的状态置为fullfiled,reject是将Promise的状态置为rejected。throw关键字也可以将状态置为rejected。

Promise内部的代码是同步调用的

    let p = new Promise(function (resolve, reject) {
   
      //同步调用
      console.log(111);
    });
    console.log(222);

执行结果如下:
在这里插入图片描述

三、对象方法:then方法和catch方法

1.Promise.prototype.then方法

then中有2个参数,第一个参数是状态变为成功后应该执行的回调函数,第二个参数是状态变为失败后应该执行的回调函数

p.then((value)=>{
   
    console.log('成功'+value)
},(reason)=>{
   
    console.log('失败'+reason)
})

then并且会拿到我们在调用resolve时传的的参数。

PromiseResult:实例对象的一个属性PromiseResult保存Promise对象成功或失败的结果

Promise指定多个then后,都会执行回调函数:

let p1 = new Promise((resolve,rejcet)=>{
   
        resolve('ok')
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值