写点什么

解决回调深渊的利器(二)

  • 2020-01-10
  • 本文字数:1807 字

    阅读完需:约 6 分钟

解决回调深渊的利器(二)

优点和缺点

优点:可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。


缺点:首先,无法取消 Promise,一旦新建它就会立即执行,无法中途取消。其次,如果不设置回调函数,Promise 内部抛出的错误,不会反应到外部。当处于 Pending 状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。

Promise 的生命周期

每一个 Promise 都会经历一个短暂的生命周期:先是处于进行中 pending(Promise 对象的初始状态,等到任务的完成或者被拒绝)状态,此时操作未完成,所以它也是未处理的;一旦异步操作执行结束,promise 就会进入以下两种状态中的一种:Resolved 又称 fulfilled(任务执行完成并且成功的状态);Rejected(任务执行完成并且失败的状态)。


Promise 的状态只可能从 Pending 状态转到 Resolved 状态或者 Rejected 状态,而且不能逆向转换,同时 Resolved 状态和 Rejected 状态也不能相互转换。

Then()方法

所有的 Promise 都有 then()方法,且同一个 Promise 对象可以注册多个 then 方法,它接受两个可选参数:第一个是当 Promise 的状态变为 resolved 时要调用的函数;第而个是当 Promise 的状态变为 rejected 时要调用的函数。


注意事项:如果省略这两个参数,或者提供非函数,那么将创建一个没有其他处理程序的新 Promise,只是采用 Promise 的最终状态,then 被调用。


如果省略第一个参数或提供的不是函数,创建的新 Promise 简单地采用 Promise 的完成状态,then 被调用(如果它变为完成)。


如果省略第二个参数或提供的不是函数,创建的新 Promise 简单地采用 Promise 的拒绝状态,then 被调用(如果它被拒绝)。



Then 方法返回的是一个新的 promise 对象,因此可以采用链式写法;


下面这个例子使用 then 方法依次指定了两个回调函数,第一个函数执行完,执行第二个回调函数,实现依次打印 1,2,3


catch() 方法

Promise 还有一个 catch() 方法,相当于只给其传入拒绝处理程序的 then() 方法。Promise.catch() 方法是 .then(null, rejection) 的别名,用于指定发生错误时的回调函数。



上面代码中,promise 抛出一个错误,就被 catch() 方法指定的回调函数捕获。


一般总是建议,Promise 对象后面要跟 catch() 方法,这样可以处理 Promise 内部发生的错误。Catch() 方法返回的还是一个 Promise 对象,因此后面还可以接着调用 then() 方法。

将其他对象变为 Promise 对象

Promise.resovle() 和 Promise.reject() 方法,可以将不是 Promise 对象作为参数,返回一个 Promise 对象。不同的是 Promise.resovle() 返回的是完成态的 Promise,Promise.reject() 创建已拒绝的 Promise。


Promise.resovle() 和 Promise.reject() 方法都可以接受非 Promise 的 thenable 对象作为参数。如果传入一个非 Promise 的 Thenable 对象,返回的 promise 会“跟随”这个 thenable 的对象,采用它的最终状态;否则以该值为成功状态返回 promise 对象;


有两种情形:


1.假设传入的参数没有一个 .then 方法,那么这个返回的 Promise 对象变成了 resolve 状态,其 resolve 的值就是这个对象本身。


2.假设传入的参数带有一个 then 方法(称为 thenable 对象),那么将这个对象的类型变为 Promise,其 then 方法变成 Promise.prototype.then 方法。


响应多个 Promise

Promise 有一个"静态方法"——Promise.all(注意并非是 promise.prototype),这个方法接受一个元素是 Promise 对象的数组。这个方法也返回一个 Promise 对象,如果数组中所有的 Promise 对象都 resolve 了,那么这些 resolve 的值将作为一个数组作为 Promise.al()l 这个方法的返回值的(Promise 对象)的 resolve 值,之后可以被 then 方法处理。如果数组中任意的 Promise 被 reject,那么该 reject 的值就是 Promise.al()l 方法的返回值的 reject 值。then 方法的第一个回调函数接收的 resolve 值(如上所述,是一个数组)的顺序和 Promise.all 中参数数组的顺序一致,而不是按时间顺序排序。


还有一个和 Promise.all() 相类似的方法 Promise.race(),它同样接收一个数组,只不过它只接受第一个被 resolve 的值。


Promise 的兴起,解决了在异步方法调用中,会出现回调函数一环扣一环的情况。不仅代码写起来美观,而且问题复杂的时候,阅读代码的人也容易以理解。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/oZ-VCAXsboTx5cph4oAMVw


2020-01-10 11:51634

评论

发布
暂无评论
发现更多内容

开创未来用户体验的新篇章 | 社区征文

HelloWorld杰少

年中技术盘点

Mediabox:年度最佳音视频开发工具

阿里云视频云

云计算 阿里云 音视频 视频云

Nautlius Chain主网正式上线,模块Layer3时代正式开启

大瞿科技

流程编排及可视化 | 京东云技术团队

京东科技开发者

可视化 可视化开发 流程编排 企业号 7 月 PK 榜

区块链游戏六月月报: 市场分析,机遇与挑战

Footprint Analytics

区块链游戏 NFT gamefi

大语言模型的预训练[5]:语境学习、上下文学习In-Context Learning设计以及ICL底层机制等原理详解| 社区征文

汀丶人工智能

人工智能 自然语言处理 nlp 年中技术盘点 ICL

软件测试/测试开发丨Linux 数据处理三剑客学习笔记

测试人

Linux 程序员 软件测试 grep awk

【会议】2023 年第二十届 ChinaJoy 展前预览(同期会议篇-CGDC)正式发布!

CGDC中国游戏开发者大会

设计 开发 游戏开发 ChinaJoy

演讲实录:以 AI 变革组织运营与管理

Kyligence

数据分析 数智化 企业级OLAP

时序数据库 TDengine 与金山云两大产品完成兼容互认证

爱倒腾的程序员

数据库

数字化转型与架构-规划篇|承上启下的能力热力图

数字随行

数字化转型

前端不死:新兴技术与前端未来展望 | 社区征文

维李设论

大前端 前端工程师 年中技术盘点 前端趋势 前端未来

人工智能革命|是疯狂炒作还是大势所趋?

SEAL安全

B2C #人工智能 ChatGPT 企业号 7 月 PK 榜 趋势解读

快照隔离级别原理 | StoneDB 技术分享 #1

StoneDB

MySQL 数据库 HTAP StoneDB

JavaScript 的优雅编程技巧:Singleton Pattern

Immerse

JavaScript 设计模式 单例模式

基于Taro开发京东小程序小记 | 京东云技术团队

京东科技开发者

小程序 taro 小程序管理 企业号 7 月 PK 榜

Nautlius Chain主网正式上线,模块Layer3时代正式开启

西柚子

实际上手体验maven面对冲突Jar包的加载规则 | 京东云技术团队

京东科技开发者

maven pom jar 包部署 企业号 7 月 PK 榜

如何处理需求池?管理需求池的内容

Bonaparte

产品 产品设计 产品思维 产品需求

LCD拼接屏、LED显示屏和OLED显示屏的主要区别

Dylan

LCD1602液晶显示屏 LED显示屏 led显示屏厂家 OLED

大模型的出现及我的思考 | 社区征文

于仔学技术

人工智能 大模型 社区征文 AIGC 年中技术盘点

一文读懂Hhybrid App开发模式

没有用户名丶

实施Scrum敏捷开发必选的敏捷工具

顿顿顿

Scrum 敏捷开发 项目管理工具 Scrum Master 敏捷开发管理工具

解决直播间源码音视频不同步问题的有效方式——山东布谷科技创作

山东布谷科技

软件开发 实时音视频 源码搭建 直播源码 直播间

Prompt Learning,In-content Learning区别| 社区征文

汀丶人工智能

人工智能 prompt learning 年中技术盘点 指示学习 instruction learning

Ubuntu 20.04系统编译安装PHP教程。

百度搜索:蓝易云

php 云计算 Linux ubuntu 运维

金融机构上堡垒机的三大理由看这里!

行云管家

网络安全 信息安全 金融 堡垒机

GreatSQL通过错误日志信息判断数据库实例是如何关闭的

GreatSQL

数据库 greatsql

让代码优雅起来:记一次代码微重构实践 | 京东云技术团队

京东科技开发者

代码重构 优雅 企业号 7 月 PK 榜

Ubuntu 20.04系统编译安装MySQL5.7教程。

百度搜索:蓝易云

MySQL 云计算 Linux ubuntu 运维

解决回调深渊的利器(二)_文化 & 方法_Think体验设计_InfoQ精选文章