promise then err_可能是最好理解的Promise教程

视频讲解在B站:

2020最好理解的Promise教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com

一. Promise

1 为什么需要promise

需求

通过ajax请求id, 再根据id请求用户名, 再根据用户名获取email

回调地狱

在回调函数中嵌套回调

Promise解决了回调地狱

2 Promise的基本使用

Promise是一个构造函数, 通过new关键字实例化对象

语法

new 

• Promise接受一个函数作为参数
• 在参数函数中接受两个参数
  • resolve: 成功函数
  • reject: 失败函数

promise实例

promise实例有两个属性

• state: 状态
• result: 结果

1) promise的状态

第一种状态: pending(准备, 待解决, 进行中)

第二种状态: fulfilled(已完成, 成功)

第三种状态: rejected(已拒绝, 失败)

2) promise状态的改变

通过调用resolve()和reject()改变当前promise对象的状态

示例

const 

示例

const 

• resolve(): 调用函数, 使当前promise对象的状态改成fulfilled
• reject(): 调用函数, 使当前promise对象的状态改成rejected

promise状态的改变是一次性的

3) promise的结果

示例

const 

3 Promise的方法

1) then方法

示例

const 

示例

const 

• 在then方法的参数函数中, 通过形参使用promise对象的结果

then方法返回一个新的promise实例, 状态是pending

const 

promise的状态不改变, 不会执行then里的方法

// 如果promise的状态不改变, then里的方法不会执行

在then方法中, 通过return将返回的promise实例改为fulfilled状态

// 如果promise的状态不改变, then里的方法不会执行

如果在then方法中, 出现代码错误, 会将返回的promise实例改为rejected状态

// 如果promise的状态不改变, then里的方法不会执行

2) catch方法

示例

const 

4 用promise解决回调地狱