JavaScript 关于Promise异步对象

2021-07-14 21:01:06 阅读：194 来源： 互联网

标签：异步 resolve JavaScript Promise reject 回调构造函数

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方法。

标签：异步,resolve,JavaScript,Promise,reject,回调,构造函数
来源： https://blog.csdn.net/Boolsod/article/details/118736178

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JavaScript 关于Promise异步对象