JavaScript Promise

概要

js 中的Promise是异步编程的一种解决方案，用于替代传统的解决方案：回调函数和事件监听。使得js异步编程编码的繁琐度降低，减少出错的机率，同时有利于提高代码的可读性

js中的Promise有以下两个特点：

• Promise的状态不受外部影响，由内部返回的状态决定

• Promise的状态同一时间只会存在一种，且一旦改变则无法对其再次更改

基本用法

可以使用 new Promise 创建一个 Promise对象，Promise构造函数接收一个函数。js引擎默认为这个传入的函数提供两个参数：resolve和reject

const promise_obj = new Promise((resolve, reject) => {});

其作用分别为：

• resolve 表示当函数的执行过程或结果满足设计期望时，将需要返回的结果传递出去

• reject 表示当函数的执行过程或结果不满足设计期望或出现异常时，将错误信息传递出去

const promise_obj = new Promise((resolve, reject) => {
    let say = 'hello world';
    resolve(say);
});

promise_obj.then(value => {
    console.log(value);    // 输出 hello world
})

then

then方法将接收promise对象中resolve 或reject传递出来的结果。接收方式为函数形式的两个形参，将resolve的结果传递给第一个函数的形参，将reject的结果传递给第二个函数的形参

const promise_obj = new Promise((resolve, reject) => {
    let bool = true;
    if (bool) resolve(bool);
    else reject(bool);
});

promise_obj.then(val => {
    console.log(val);    // 若 bool 为 true 则输出 true
}, err => {
    console.log(err)    // 若bool 为 false 则输出 false
})

catch

catch方法相当于独立出去的then方法的第二个形参。捕捉其之前的reject结果，并传递给自身第一个函数形参的形参

const promise_obj = new Promise((resolve, reject) => {
    let bool = false;
    if (bool) resolve(bool);
    else reject(bool);
});

promise_obj.catch(value => {
    console.log(value);    // 输出 false
})

finally

finally 方法无论Promise对象状态如何变更，都会执行内部的回调函数

const promise_obj = new Promise((resolve, reject) => {
    let bool = true;
    if (bool) resolve(bool);
    else reject(bool);
});

promise_obj.then(val => {
    console.log(val);    // 若 bool 为 true 则输出 true
}).catch(err => {
    console.log(err);    // 若 bool 为 false 则输出 false
}).finally(() => {
    console.log('finally');    // 无论 bool 为 true 或 false，都会输出 finally
})

Promise对象内方法支持链式调用

总结

• 创建一个Promise对象使用 new Promise

• 使用then获取Promise状态为 resolve结果并执行相应操作

• 使用catch捕获Promise 状态为reject的结果并执行相应操作

• 使用finally执行最后的操作