ES6 javascript的异步操作实例详解

本文实例讲述了ES6 javascript的异步操作。分享给大家供大家参考，具体如下：

异步编程对 JavaScript 语言太重要。 Javascript 语言的执行环境是“ 单线程” 的， 如果没有异步编程， 根本没法用， 非卡死不可。

ES6 诞生以前， 异步编程的方法， 大概有下面四种。

① 回调函数
② 事件监听
③ 发布 / 订阅
④ Promise 对象

ES6 将 JavaScript 异步编程带入了一个全新的阶段， ES7 的Async函数更是提出了异步编程的终极解决方案。

一、基本概念

1. 异步

所谓 " 异步 "，简单说就是一个任务分成两段， 先执行第一段， 然后转而执行其他任务， 等做好了准备， 再回过头执行第二段。

比如， 有一个任务是读取文件进行处理， 任务的第一段是向操作系统发出请求， 要求读取文件。 然后， 程序执行其他任务， 等到操作系统返回文件，再接着执行任务的第二段（ 处理文件）。 这种不连续的执行， 就叫做异步。

相应地， 连续的执行就叫做同步。 由于是连续执行， 不能插入其他任务， 所以操作系统从硬盘读取文件的这段时间， 程序只能干等着。

2. 回调函数

JavaScript 语言对异步编程的实现， 就是回调函数。 所谓回调函数， 就是把任务的第二段单独写在一个函数里面， 等到重新执行这个任务的时候， 就直接调用这个函数。 它的英语名字 callback， 直译过来就是 " 重新调用 "。

读取文件进行处理， 是这样写的。

fs.readFile('/etc/passwd', function(err, data) {  if(err) throw err;  console.log(data);});

上面代码中， readFile 函数的第二个参数， 就是回调函数， 也就是任务的第二段。 等到操作系统返回了 / etc / passwd这个文件以后， 回调函数才会执行。

一个有趣的问题是， 为什么 Node.js 约定， 回调函数的第一个参数， 必须是错误对象 err（ 如果没有错误， 该参数就是 null）？ 原因是执行分成两段， 在这两段之间抛出的错误， 程序无法捕捉， 只能当作参数， 传入第二段。

3. Promise

回调函数本身并没有问题， 它的问题出现在多个回调函数嵌套。 假定读取 A 文件之后， 再读取 B 文件， 代码如下。

fs.readFile(fileA, function(err, data) {  fs.readFile(fileB, function(err, data) {    // ...  });});

不难想象， 如果依次读取多个文件， 就会出现多重嵌套。 代码不是纵向发展， 而是横向发展， 很快就会乱成一团， 无法管理。 这种情况就称为 " 回调函数噩梦 " （ callback hell ）。

Promise 就是为了解决这个问题而提出的。 它不是新的语法功能， 而是一种新的写法， 允许将回调函数的嵌套， 改成链式调用。 采用 Promise， 连续读取多个文件， 写法如下。