文章の目录

一、什么是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^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

JavaScript系列之Promise的resolve、reject、then、catch相关推荐

JavaScript异步与Promise基本用法(resolve与reject)
Promise解决的问题相信每个前端都遇到过这样一个问题,当一个异步任务的执行需要依赖另一个异步任务的结果时,我们一般会将两个异步任务嵌套起来,这种情况发生一两次还可以忍,但是发生很多次之后,就形成 ...
promise存在的意义分析resolve reject catch
简介 new Promise(function(resolve,reject){}); 状态 pending: 初始状态,成功或失败状态. fulfilled: 意味着操作成功完成.对应resolve ...
Promise初步详解（resolve，reject，catch
Promise其实是一个构造函数,它有resolve,reject,race等静态方法;它的原型(prototype)上有then,catch方法,因此只要作为Promise的实例,都可以共享并调用P ...
Javascript基础之-Promise
转载自: http://www.lht.ren/article/3/ Promise是什么呢?根据ecma-262的定义: Promise是一个被用于延时计算的最终结果的占位符 (A Promise ...
了解JavaScript中的Promise
学习记录,加深印象 1. 回调函数 JavaScript是单线程,因此JavaScript中的浏览器事件.网络操作需要异步执行,而异步执行可以用回调函数实现 function callback() { ...
Javascript中的Promise用法
Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案「回调函数和事件」更合理和更强大.它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了 P ...
JavaScript 异步 setTimeout promise async await
异步在此就不再赘述,下面主要说一下JS中异步的实现方式. 1,setTimeout 计时器 ,实现代码如下 <!DOCTYPE html> <html lang="en&q ...
视频教程-Javascript - Es6之Promise精讲系列-JavaScript
Javascript - Es6之Promise精讲系列全栈开发工程师,现职于北京一家学院的全栈教学主任. 8年前端开发经验.4年移动端开发经验.4年UI设计经验.3年一线教学经验. 精通Node. ...
JavaScript简餐——Promise对象的实例方法
文章目录前言一.Promise的实例方法 1.Promise.prototype.then() 2.Promise.prototype.catch() 3.Promise.prototype.fi ...

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