文章の目录

一、什么是Promise二、Promise的优点三、promise的三种状态四、简单使用1、Promise()构造器1.1、概述1.2、语法1.3、参数1.4、返回值 2、then()2.1、概述2.2、语法2.3、参数2.4、返回值 3、catch()3.1、概述3.2、语法3.3、参数3.4、返回值 4、示例 写在最后

一、什么是Promise

Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8)，但是她们是基于Promise的），从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。

二、Promise的优点

可以避免多层异步调用嵌套问题(回调地狱)Promise对象提供了简洁的API，使得控制异步操作更加容易(js执行机制导致的异步问题)

三、promise的三种状态

pending：等待中，或者进行中，表示还没有得到结果resolved(fulfilled)：已经完成，表示得到了我们想要的结果，可以继续往下执行rejected：也表示得到结果，但是由于结果并非我们所愿，因此拒绝执行

四、简单使用

1、Promise()构造器

1.1、概述

Promise 构造器主要用于包装不支持 Promise（返回值不是 Promise）的函数。

1.2、语法

new Promise(executor);

1.3、参数

executor

该函数将在构造这个新Promise对象过程中，被构造函数执行。该executor是一段将输出与 promise 联系起来的自定义代码。executor的函数签名应为：

function (resolutionFunc, rejectionFunc) {// 通常是一些异步操作}

resolutionFunc与rejectionFunc也是函数，可以使用任何名字。这两个函数的签名很简单：接受任何类型的单个参数。

resolutionFunc(value); // 当被敲定时调用rejectionFunc(reason); // 当被拒绝时调用

1.4、返回值

当通过 new 调用时，Promise 构造函数返回一个 Promise 对象。当 resolutionFunc 或者 rejectionFunc 被调用时，该 Promise 对象将会“被敲定”。注意，如果您调用 resolutionFunc 或者 rejectionFunc 时将另一个 Promise 对象作为参数，您可以称其“被敲定（resolved）”，但仍不能称其“被解决（settled）”。

2、then()

2.1、概述

then() 方法返回一个 Promise。它最多需要有两个参数：Promise 的成功和失败情况的回调函数。

2.2、语法

p.then(onFulfilled, [onRejected]);p.then(value => {// fulfillment},reason => {// rejection});

2.3、参数

onFulfilled 可选

当 Promise 变成接受状态（fulfilled）时调用的函数。该函数有一个参数，即接受的最终结果（the fulfillment value）。如果该参数不是函数，则会在内部被替换为 (x) => x，即原样返回 promise 最终结果的函数

onRejected 可选

当 Promise 变成拒绝状态（rejected）时调用的函数。该函数有一个参数，即拒绝的原因（rejection reason）。 如果该参数不是函数，则会在内部被替换为一个 “Thrower” 函数 (it throws an error it received as argument)。

2.4、返回值

当一个 Promise 完成（fulfilled）或者失败（rejected）时，返回函数将被异步调用（由当前的线程循环来调度完成）

3、catch()

3.1、概述

catch() 方法返回一个Promise ，并且处理拒绝的情况。

3.2、语法

p.catch(onRejected);p.catch(function (reason) {// 拒绝});

3.3、参数

onRejected

当 Promise 被 rejected 时，被调用的一个Function。 该函数拥有一个参数：reason rejection 的原因。如果 onRejected 抛出一个错误或返回一个本身失败的 Promise ， 通过 catch() 返回的 Promise 被 rejected；否则，它将显示为成功（resolved）。

3.4、返回值

一个Promise。

4、示例

let promise = new Promise((resolve, reject) => {setTimeout(() => {if (true) {resolve({name: "张三" });} else {reject("失败了");}}, 2000);});promise.then(result => console.log(result)) // {name: '张三'}.catch(error => console.log(error)); // 失败了

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???

如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//

如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~

谢谢各位读者们啦(^_^)∠※！！！