Promise对象

发布时间:2022-08-19 14:10

在学习Promise之前,我们了解什么是同步什么是异步。

同步:脚本按顺序执行,执行完当前任务后,才会执行下一个任务。

写个代码说明就明白了

异步:不按照代码的顺序执行,一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。

想要学会异步编程,就必须精通回调函数,异步的设计思想就是回调函数,如果回调函数没有学好的同学可以先去把回调函数学好,再学这个知识。

Promise

Promise在ES5已经出现了  ES6直接写入标准。

Promise是一个构造函数,不是异步非阻塞函数,用new Promise创建一个数据容器。

与之前学过的数据相比较:

Map Set Array Object被动产生数据,给它添加数据,Promise主动产生数据不用给它添加数据。
 

Promise创建的数据容器有then函数,当这个数据容器取数据就用then函数,它是一个非阻塞异步函数,是官方提供的、浏览器底层的c/c++写的,常见的非阻塞异步函数有setTimeout、node.js中的readFile() ;我们自己设计的异步函数,绝对是阻塞异步函数,因为它是js脚本语言写的,不能实现同时执行,意思代码必须执行完前一行才能执行下一行。

简单使用一下then函数:

注意: then函数的返回值是一个新的Promise对象,是then传入的回调函数的返回值

传入的回调函数的返回值有两种情况:

1、如果返回值是一个Promise对象,那么就是它;

2、如果不是一个Promise对象,那么就会把函数的结果包装为一个生成了数据的Promise对象;

接下来我们说明上述例子中的n1,n2是什么?

n1在很多文档中写成resolve,代表异步操作执行成功后的回调函数;

n2则是写成reject,代表异步操作执行失败后的回调函数

在我们实际开发中,我们需要从后端中获取数据,有时获取的数据是正确的,这时我们用n1来触发,让Promise内产生正确的数据;有时获取的数据错误的,就要用n2来触发,告知Promise体系是业务错误的数据。

具体代码说明:

 控制台的情况:

 

 我们不能让我们写的程序就卡在这里,这里就要引入Promise所创建的对象的另一个方法 catch。

catch用来捕获错误,它的底层原理就是try-catch语句。用法非常简单,用上个例子代码的说明,只需要在then函数后点catch函数就行了

捕获到错误后,就能够继续执行下文了。

到此我们已经学会了Promise的基本使用,那么有一个特殊情况,当正确数据是一个new Error类型时,程序是否会报错呢?

很明显不会报错,因为它是一个正确的业务对象,只是它是一个err类型的对象。

代码展示:

 

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号