首页 > 语言 > JavaScript > 正文

ES6基础之 Promise 对象用法实例详解

2024-05-06 15:35:39
字体:
来源:转载
供稿:网友

本文实例讲述了ES6基础之 Promise 对象用法。分享给大家供大家参考,具体如下:

Promise 对象

1.Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点:

Promise对象代表一个异步操作,它只有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败),并且该状态不会受外界的影响 Promise对象的状态改变,只有两种可能:从 Pending 变为 Resolved 或者从 Pending 变为 Rejected,并且一旦状态改变,就不会再变,任何时候都可以得到这个结果

2.Promise对象的一些缺点:

一旦新建了一个Promise对象,就会立即执行,并且无法中途取消

let promise = new Promise(function(resolve, reject) {console.log('Promise');resolve();});// Promise

如果不设置Promise对象的回调函数,Promise会在内部抛出错误,不会反应到外部,也就是在外部拿不到错误提示

如果Promise对象处于Pending状态时,是无法得知捕获进展到哪一个阶段的(刚刚开始还是即将完成)

3.Promise对象是一个构造函数,用来生成Promise实例,下面是创造了一个Promise实例的示例

let promise = new Promise(function(resolve, reject) { // ... to do if ( success ){  resolve(value);  //成功操作 } else {  reject(error);   //失败操作 }});

ps:Promise 构造函数接受一个函数作为参数,该函数的两个参数分别是 resolve 和 reject ,分别用来处理成功和失败的回调;

4.Promise实例生成以后,可以用 then 方法分别指定 Resolved 状态和 Reject 状态的回调函数;

promise.then(function(value) { // success}, function(error) { // failure});

ps:then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为Resolved时调用,第二个回调函数是Promise对象的状态变为Rejected时调用,其中,第二个函数是可选的;

5.resolve函数的参数除了正常的值以外,还可能是另一个 Promise 实例,表示异步操作的结果有可能是一个值,也有可能是另一个异步操作;

let promise1 = new Promise(function (resolve, reject) { // ...});let promise2 = new Promise(function (resolve, reject) { // ... resolve(p1);})

上面代码表示一个异步操作的结果是返回另一个异步操作,promise1 的状态就会传递给 promise2 , 如果 promise1 的状态是Pending,那么 promise2 的回调函数就会等待promise1的状态改变;如果promise1的状态已经是Resolved或者Rejected,那么promise2的回调函数将会立刻执行;

6.Promise实例方法then返回的是一个新的Promise实例,因此可以采用链式写法,即then方法后面再调用另一个then方法

let promise = new Promise(function (resolve, reject) { // ...})promise.then(function(res) {  return res.post;}).then(function(post) {  // ...});            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选