这 10 个片段,有助于你理解 ES 中的 Promise

开发 前端
在开发中,了解 JavaScript 和 Promise 基础,有助于提高我们的编码技能,今天,我们一起来看看下面的 10 片段,相信看完这 10 个片段有助于我们对 Promise 的理解。

在开发中,了解 JavaScript 和 Promise 基础,有助于提高我们的编码技能,今天,我们一起来看看下面的 10 片段,相信看完这 10 个片段有助于我们对 Promise 的理解。

片段1:

这 10 个片段,有助于你理解 ES 中的 Promise

Promise同步执行,promise.then异步执行。

片段2:

这 10 个片段,有助于你理解 ES 中的 Promise

promise 有三种不同的状态:

  • pending
  • fulfilled
  • rejected

一旦状态更新,pending->fulfilled 或pending->rejected,就可以再次更改它。prom1与prom2不同,并且两者都返回新的Promise状态。

片段3

这 10 个片段,有助于你理解 ES 中的 Promise

即使reject后有一个resolve调用,也只能执行一次resolve或reject,剩下的不会执行。

片段 4:

这 10 个片段,有助于你理解 ES 中的 Promise

Promises 可以链接调用,当提到链接调用 时,我们通常会考虑要返回this,但Promises不用。每次 promise 调用.then或.catch时,默认都会返回一个新的 promise,从而实现链接调用。

片段 5:

这 10 个片段,有助于你理解 ES 中的 Promise

promise 的 .then或.catch可以被多次调用,但是此处Promise构造函数仅执行一次。换句话说,一旦promise的内部状态发生变化并获得了一个值,则随后对.then或.catch的每次调用都将直接获取该值。

片段 6

这 10 个片段,有助于你理解 ES 中的 Promise

.then或.catch返回的值不能是promise本身,否则将导致无限循环。

片段 7:

这 10 个片段,有助于你理解 ES 中的 Promise

在.then或.catch中返回错误对象不会引发错误,因此后续的.catch不会捕获该错误对象,需要更改为以下对象之一:

  1. return Promise.reject(new Error('error')) throw new Error('error') 

因为返回任何非promise 值都将包装到一个Promise对象中,也就是说,返回new Error('error')等同于返回Promise.resolve(new Error('error'))。

片段 8:

  1. Promise.resolve(1) 
  2.   .then(2) 
  3.   .then(Promise.resolve(3)) 
  4.   .then(console.log) 
  5.  
  6.   // 1 

.then或.catch的参数应为函数,而传递非函数将导致值的结果被忽略,例如.then(2)或.then(Promise.resolve(3)。

片段 9:

这 10 个片段,有助于你理解 ES 中的 Promise

.then可以接受两个参数,第一个是处理成功的函数,第二个是处理错误的函数。.catch是编写.then的第二个参数的便捷方法,但是在使用中要注意一点:.then第二个错误处理函数无法捕获第一个成功函数和后续函数抛出的错误。.catch捕获先前的错误。当然,如果要重写,下面的代码可以起作用:

这 10 个片段,有助于你理解 ES 中的 Promise

片段 10:

这 10 个片段,有助于你理解 ES 中的 Promise

process.nextTick和promise.then都属于微任务,而setImmediate属于宏任务,它在事件循环的检查阶段执行。在事件循环的每个阶段(宏任务)之间执行微任务,并且事件循环的开始执行一次。

责任编辑:赵宁宁 来源: 今日头条
相关推荐

2020-12-08 08:07:41

JavaScript中等分数组

2019-11-19 12:40:36

AI人工智能开源工具

2021-06-10 09:34:24

前端开发工具开发

2021-08-13 10:33:55

IT经理首席信息官CIO

2019-11-18 11:07:13

人工智能技术Apache

2020-03-23 09:31:51

JavaScript函数技术

2017-09-06 15:53:55

机器学习人工智能框架

2010-03-12 16:15:06

Python调试

2022-10-08 08:38:32

物联网

2018-10-25 14:14:52

云计算机器学习数据分析

2021-11-26 05:14:44

开源数据库安全漏洞

2011-12-09 09:31:58

桌面虚拟化

2021-08-06 10:00:29

网站劫持网络攻击网站安全

2020-02-05 13:03:55

数据中心混合云技术

2013-07-17 09:19:23

2017-04-14 10:40:43

SDS系统选择

2023-06-09 19:03:35

开源组织

2019-08-12 07:39:25

数据中心IT开销

2022-09-21 14:12:33

大数据医疗保健

2020-04-13 10:33:05

网络安全安全数据
点赞
收藏

51CTO技术栈公众号