微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JavaScript 关于Promise异步对象

Promise是什么?
Promise 对象代表一个异步操作。Promise有三种状态:pending(初始状态)
fulfilled: (操作成功)rejected: (操作失败)。es6的Promise让异步操作可以已同步操作的流程表达出来,这大大改善了之前异步操作的回调地狱情况。遗憾的是Promise一经创建无法中途取消,而且不设置回调内部出现错误也无法反应到外部。

手动创建一个Promise

//创建一个名为namePromise的function
function namePromise() {
   // 内部返回一个Promise构造函数  构造函数包含一个参数和一个带有 resolve(解析)和 reject(拒绝)两个参数的回调。
   return new Promise((resolve, reject) => {
   //在回调中执行一些操作(例如异步),如果一切都正常,则调用 resolve,否则调用 reject。
               if (1<3) {
                resolve({ data: {code:200} });
            } else {
                reject(new Error('错误'));
            }
        });
    }

//调用Promise
namePromise().then((data:Objcte)=>{
//then 此时如果Promise内部处理成功切无抛错情况
//但是此时我们的Promise经过我们的处理抛出的是reject异常回调
)
.catch((err)=>{
      log(err) //输出抛出的Error构造函数
 })

Promise实例
我们打印Promise构造函数,发现在它的实例上面 除constructor对象外提供了三个方法,让我们一一解读。

如图:

在这里插入图片描述

catch方法 用于指定发生错误时的回调函数,在处理函数中提供一个参数用于接受收异常信息
then方法 返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用一个then方法
finally方法方法Promise无论成功失败都会经过finally方法

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐