Node Hero: 3. 理解异步编程

ChristaRzj 7年前
   <p>本章我将指导你学习异步编程的原理,并向你展示如何在 JavaScript 和 Node.js 中实现异步编程。</p>    <h2><strong>异步编程</strong></h2>    <p>在传统编程实践中,大多数 I/O 操作都是同步发生的。如果想想 Java,想想如何用 Java 读取一个文件,你会得到下面这样的代码:</p>    <pre>  <code class="language-javascript">try(FileInputStream inputStream = new FileInputStream("foo.txt")) {        Session IOUtils;      String fileContent = IOUtils.toString(inputStream);  }</code></pre>    <p>这背后发生了什么?主线程会被阻塞,直到文件读完,这意味着读文件的同时其它什么事情都做不了。要解决此问题,更好利用 CPU,就不得不手动管理线程。</p>    <p>如果有更多阻塞操作,那么事件队列就变得更糟糕:</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/84a27b829378fe2e979be65574020392.png"></p>    <p>(红色块表示在进程等待外部资源的响应而被阻塞时,黑色块表示在代码运行时,绿色块表示应用的其余部分)</p>    <p>为解决这个问题,Node.js 引入了一种异步编程模型。</p>    <h2><strong>Node.js 中的异步编程</strong></h2>    <p>异步 I/O 是一种输入/输出处理的形式,它允许在传输完成之前,其它处理能继续进行。</p>    <p>在如下的示例中,我将展示 Node.js 中一个简单的文件读写过程 - 同时采用同步和异步的方式,目的是向你展示通过避免阻塞应用程序,能实现什么。</p>    <p>下面我们先从一个简单的示例开始 - 以同步的方式用 Node.js 读一个文件:</p>    <pre>  <code class="language-javascript">const fs = require('fs')    let content    try {      content = fs.readFileSync('file.md', 'utf-8')  } catch (ex) {    console.log(ex)  }  console.log(content)</code></pre>    <p>这里刚刚发生了什么?我们试图用 fs 模块的同步接口读一个文件。它按预期方式工作 - content 变量会包含 file.md 的内容。这种方式的问题是,Node.js 会被阻塞,直到操作完成 - 也就是说在文件正在被读取时,它什么事都做不了。</p>    <p>下面我们看看如何修复!</p>    <p>我们直到,在 JavaScript 中,异步编程只能用函数这个该语言的一等公民来实现:函数可以像所有其它变量一样传给其它函数。 <strong> 将其它函数作为参数的函数被称为 高阶函数 。 </strong></p>    <p>如下是一个高阶函数的最简单示例:</p>    <pre>  <code class="language-javascript">const numbers = [2,4,1,5,4]    function isBiggerThanTwo (num) {      return num > 2  }    numbers.filter(isBiggerThanTwo)</code></pre>    <p>在上例中,我们将一个函数传递给 filter 函数。通过这种方式我们可以定义过滤的逻辑。</p>    <p>这就是回调诞生的方式:如果你把一个函数传递给另一个函数作为参数,那么就可以在另一个函数完成任务时,在该函数内调用传进来的函数。不需要返回值,只用值调用另一个函数。</p>    <p>这些所谓错误优先(error-first)的回调是 Node.js 本身的核心 - 核心模块用了它,大多数 <a href="/misc/goto?guid=4959725959861255701" rel="nofollow,noindex">NPM</a> 中的模块也是。</p>    <pre>  <code class="language-javascript">const fs = require('fs')    fs.readFile('file.md', 'utf-8', function (err, content) {      if (err) {      return console.log(err)    }      console.log(content)  })</code></pre>    <p>这里要注意:</p>    <ul>     <li><strong>错误处理</strong> : 必须在回调中检测错误,而不是用 try-catch 块。</li>     <li><strong>没有返回值</strong> : 异步函数不返回值,但是值将被传递给回调。</li>    </ul>    <p>下面我们对这个文件做点修改,看看它实际上是如何工作的:</p>    <pre>  <code class="language-javascript">const fs = require('fs')    console.log('start reading a file...')    fs.readFile('file.md', 'utf-8', function (err, content) {      if (err) {      console.log('error happened during reading the file')      return console.log(err)    }      console.log(content)  })    console.log('end of the file')</code></pre>    <p>这段脚本的输出将是:</p>    <pre>  <code class="language-javascript">start reading a file...    end of the file    error happened during reading the file</code></pre>    <p>正如你所见,一旦我们开始读文件,执行继续,应用程序打印出 end of the file 。一旦文件读取完成,我们的回调就只被调用一次。这怎么可能呢? <strong>迎接事件循环。</strong></p>    <h2><strong>事件循环</strong></h2>    <p>事件循环是 Node.js / JavaScript 的核心 - 它负责安排异步操作。</p>    <p>在深入了解之前,要确保理解什么是事件驱动的编程。</p>    <p>事件驱动的编程是一种编程范式,在这种范式中程序流程是由事件决定的,比如用户行为(鼠标点击、按键)、传感器输出或者其它程序/线程的消息。</p>    <p>实际上,它意味着应用程序按照事件行事。</p>    <p>并且,我们在第一章已经学过,从开发者的观点看,Node.js 是单线程的。这意味着不必处理线程和线程同步,Node.js 远离了这种复杂性。除了你的代码,所有东西都是并行执行的。</p>    <h2><strong>异步控制流</strong></h2>    <p>至此你已经对 JavaScript 中的异步编程工作机制有了一个基本认识,下面我们来看看几个如何组织代码的示例。</p>    <h3><strong>Async.js</strong></h3>    <p>为避免所谓 回调地狱 ,可以做的一件事情是开始使用 async.js 。</p>    <p>Async.js 帮助组织应用程序结构,让流程控制更容易。</p>    <p>下面我们看一个使用 Async.js 的简短示例,然后用 Promises 重写。</p>    <p>如下的代码片段映射三个文件上的状态:</p>    <pre>  <code class="language-javascript">async.parallel(['file1', 'file2', 'file3'], fs.stat, function (err, results) {        // 现在结果是是一个每个文件的状态数组  })</code></pre>    <h3>Promises</h3>    <p>Promise 对象用于延迟及异步计算。一个 Promise 代表还没有完成,但是未来会执行的操作。</p>    <p>在实践中,前面的示例可以重写为如下:</p>    <pre>  <code class="language-javascript">function stats (file) {      return new Promise((resolve, reject) => {      fs.stat(file, (err, data) => {        if (err) {          return reject (err)        }        resolve(data)      })    })  }    Promise.all([      stats('file1'),    stats('file2'),    stats('file3')  ])  .then((data) => console.log(data))  .catch((err) => console.log(err))</code></pre>    <p>当然,如果使用一个有 Promise 接口的方法,那么 Promise 示例的行数也会少很多。</p>    <p> </p>    <p> </p>    <p>来自:http://www.zcfy.cc/article/node-hero-understanding-async-programming-in-node-js-1759.html</p>    <p> </p>