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