JavaScript系列之Promise的resolve、reject、then、catch

---

一、什么是Promise

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

二、Promise的优点

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

三、promise的三种状态

1. pending：等待中，或者进行中，表示还没有得到结果
2. resolved(fulfilled)：已经完成，表示得到了我们想要的结果，可以继续往下执行
3. 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^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！