美文网首页
ES6学习-11.Promise与异步编程

ES6学习-11.Promise与异步编程

作者: Zip_Wang | 来源:发表于2018-02-05 15:36 被阅读29次

一、Promise的基础知识

1、Promise的生命周期

内部属性[[PromiseState]]被用来表示Promise的3中状态:"pending"、"fulfilled"、"rejected".

所有的Promise都有then()方法,它接受两个参数:第一个是当Promise的状态为fulfilled时要调用的函数;第一个是当Promise的状态为rejected时要调用的函数。then()的两个参数都是可选的。例如:

Promise还有一个catch()方法,它和上面示例代码中的最后一个then()方法是等价的。例如:

2、创建未完成的Promise

用Promise构造函数可以创建新的Promise,构造函数只接受一个参数:包含初始化Promise代码的执行器函数。例如下面的代码:

上面的代码就用Promise包裹了一个Node.js的fs.readFile()异步调用,如果失败,执行器向reject()函数传递错误对象;如果成功,执行器向resolve()函数传递文件内容。

3、创建已处理的Promise

(1)使用Promise.resolve(),该方法只接受一个参数并返回一个完成态的Promise。例如:

(2)使用Promise.reject()方法,该方法创建已拒绝的Promise。例如:

4、执行器错误

如果执行器内部抛出一个错误,则Promise的拒绝处理程序就会被调用。例如:

二、全局的Promise拒绝处理

Promise的特性决定了很难检测一个Promise是否被处理过。所以Node.js和浏览器环境都做出了一些改变来解决这个问题。

(1)Node.js环境的拒绝处理

处理Promise拒绝时会触发process对象的两个事件:

* unhandledRejection 在一个事件循环中,当Promise被拒绝,并且没有提供拒绝处理程序时,触发该事件。

* rejectionHandled 在一个事件循环后,当Promise被拒绝时,若拒绝处理程序被调用,触发该事件。

设计这些事件是用来识别那些被拒绝却又没被处理过的Promise的。例如:

(2)浏览器环境的拒绝处理

其实和Node.js相似,只是使用上面会不同,例如下面的代码:

三、串联Promise

每次调用then()或者catch()方法时实际上创建并返回了另一个Promise,只有当第一个Promise完成或者被拒绝后,第二个才会被解决。例如:

1、捕获错误

Promise链可以用来捕获错误,例如:

2、Promise链的返回值

Promise链的另一个重要特性是可以给下游Promise传递数据。例如:

3、在Promise链中返回Promise

在Promise间可以返回Promise对象,例如:

四、响应多个Promise

1、Promise.all()方法

Promise.all()方法只接受一个参数并返回一个Promise,该参数是一个含有多个受监视Promise的可迭代对象,只有所有Promise都被解决了,返回的Promise才会被解决。例如:

2、Promise.race()方法

这个方法与all方法不同的是,只要有一个Promise被解决返回的Promise就被解决了,例如:

五、自Promise继承

Promise与其他内建类型一样,也可以作为基类派生其他类,所以定义自己的Promise变量来扩展内建Promise的功能。例如:

相关文章

  • ES6学习-11.Promise与异步编程

    一、Promise的基础知识 1、Promise的生命周期 内部属性[[PromiseState]]被用来表示Pr...

  • 深入理解ES6:11.Promise 与异步编程

    异步编程的背景知识 JavaScript 引擎是基于单线程(Single-threaded)事件循环的概念构建的。...

  • ES6文章合集

    一、深入理解ES6异步编程 JavaScript 的单线程,如果没有异步编程的话将会苦不堪言。ES6 之前,异步编...

  • 【ECMAScript6】 Promise

    Promise 是什么 Promise 是 ES6 为 JavaScript 异步编程定义的全新 api 。为异步...

  • Promise

    es6中有个特别的对象Promise,今天我们就来学习它,了解它。 Promise含义 Promise 是异步编程...

  • 重读 ES6 - async+await 同步/异步方案

    异步编程一直是JavaScript 编程的重大事项。关于异步方案, ES6 先是出现了 基于状态管理的 Promi...

  • ES6 Promise 异步编程方案

    为什么使用 Promise ? Promise 是 ES6 提出的异步编程方案 ! ES6 之前,如果我们都是通过...

  • ES6必知必会 (七)—— Generator 函数

    Generator 函数 1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完...

  • Promise 就是这么简单

    Promise 是干嘛的? Promise是ES6针对js异步编程一种解决方案,也解决了ES5之前异步编程大量回调...

  • [ES6] Generator

    Generator的语法 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不...

网友评论

      本文标题:ES6学习-11.Promise与异步编程

      本文链接:https://www.haomeiwen.com/subject/scybzxtx.html