基本完成初稿，先提交了吧。

Author: meathill

Diff for: .gitignore

@@ -4,4 +4,7 @@
 node_modules
 
 # test
-test
+test
+
+# build
+build

Diff for: 03-1-async-function-vs-promise.md

@@ -3,7 +3,7 @@ Async Function VS Promise
 
 ## 异步函数的优势
 
-异步函数对异步编程来说，是很大的进步。尤其在 `try/catch/throw` 方面，异步函数可以延续以前的标准写法，优势非常大。
+异步函数对异步编程来说，有非常很大的提升。尤其在 `try/catch/throw` 方面，异步函数可以延续以前的标准写法，优势非常大。
 
 ## Promise 的优势
 
@@ -13,7 +13,7 @@ Async Function VS Promise
 
 异步函数返回的是一个 Promise 对象；`await` 关键字只能等待 Promise 对象完成操作。
 
-所以关于 Promise 的知识都还有效，大家也必须学习 Promise，才能更好的使用异步函数。
+所以 Promise 的知识都还有效，大家也必须学习 Promise，才能更好的使用异步函数。
 
 ### Promise 能更好的提供队列操作，并且在对象之间传递
 

Diff for: 03-async-function.md

@@ -0,0 +1,136 @@
+Async Function
+========
+
+Async Function，即异步函数，为异步编程带来了非常大的提升，瞬间把开发效率和维护效率提升了一个数量级。
+
+它的用法非常简单，只要用 `async` 关键字声明一个函数为“异步函数”，这个函数的内部就可以使用 await 关键字，让其中的语句等待异步执行的结果，然后再继续执行。我们还是用代码来说话吧：
+
+```javascript
+function resolveAfter2Seconds(x) {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve(x);
+    }, 2000);
+  });
+}
+
+async function f1() {
+  var x = await resolveAfter2Seconds(10);
+  console.log(x);
+}
+f1();
+
+// 输出：
+// （2秒后）10
+```
+
+这段代码来自 [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await)。里面先声明了 `resolveAfter2Seconds` 函数，执行它会返回一个 Promise 对象，等待2秒钟之后完成。然后声明了异步函数 `f1`，里面只有两行代码，第一行用 `await` 表示要等后面的 Promise 完成，再进行下一步；于是2秒之后，输出了“10”。
+
+这段代码比较短，不太能体现异步函数的价值，我们改写一下查找最大文件的代码试试看：
+
+```javascript
+const fs = require('./FileSystem');
+
+async function findLargest(dir) {
+  let files = await fs.readdir(dir);
+  let stats = [];
+  for (let i = 0, len = files.length; i < len; i++) {
+    stats.push(await fs.stat(files[i]));
+  }
+  let file = stats
+    .filter( stat => stat.isFile() )
+    .reduce( (memo, stat) => {
+      if (memo.size > stat.size) return memo;
+      return stat;
+    });
+  return file;
+}
+
+findLargest('path/to/dir')
+  .then(file => {
+    console.log(file);
+  });
+```
+
+怎么样，是不是异常清晰明了，连代码量都减少了很多。而且，因为每次 `await` 都会等待后面的异步函数完成，所以我们还无意间写出了生成队列的代码。当然你可能不希望要队列，毕竟都异步了，队列的吸引力实在不大，那么我们只需要把它改成下面这种样子就行了：
+
+```javascript
+let stats = await Promise.all(files.map( file => fs.stat(file) ));
+```
+
+酷不酷！想不想学？
+
+## 设计
+
+见识过异步函数的强大之后，我们来捋一捋一下它的具体设计。
+
+异步函数主要由两部分组成：
+
+### `async`
+
+声明一个函数是异步函数。执行异步函数会返回一个 Promise 实例。异步函数的返回值会作为 `.then()` 的参数向后传递。
+
+`async` 的语法比较简单，就在普通函数前面加个 `async` 而已。
+
+### `await`
+
+`await` 操作符只能用在异步函数的内部。表示等待一个 Promise 完成，然后返回其返回值。语法是这样的：
+
+```javascript
+[return_value] = await expression;
+```
+
+**return_value 返回值**：Promise 执行器的返回值
+**expression 表达式**：Promise 对象，其它类型会使用 `Promise.resolve()` 转换
+
+使用 `await` 之后，异步函数会暂停执行，等待表达式里的 Promise 完成。`resolve` 之后，返回 Promise 执行器的返回值，然后继续执行。如果 Promise 被 `rejected`，就抛出异常。
+
+## 捕获错误
+
+异步函数最大的改进其实就在捕获错误这里。它可以直接使用 `try/catch/throw` 就想我们之前那样。
+
+比如，一款前后端分离的应用，比如论坛块，需要用户登录，所以在初始化的时候就会去后端请求用户信息，如果返回了，就继续加载用户关注列表；如果 401，就让用户登录。用 Promise 的话，我们这样做：
+
+```javascript
+function getMyProfile() {
+  return fetch('api/me')
+    .then(response => {
+      if (response.ok) {
+        return response.json();
+      }
+    })
+    .then(profile => {
+      global.profile = profile
+    })
+    .catch( err => {
+      if (err.statusCode === 401) {
+        location.href = '#/login';
+      }
+    })
+}
+```
+
+这样做也不是不可以，但是如果业务逻辑越来越复杂，队列也会越来越长，也许每一步都需要处理错误，那么队列就会变得难以维护。
+
+如果用异步函数就会简单很多：
+
+```javascript
+async function getMyProfile() {
+  let profile;
+  try {
+    profile = await fetch('api/me');
+    global.profile = profile;
+  } catch (e) {
+    if (e.statusCode === 401) {
+      location.href = '#/login';
+    }
+  }
+}
+```
+
+另外，如果你真的捕获到错误，你会发现，它的堆栈信息是连续的，甚至可以回溯到调用异步函数的语句，继而可以审查所有堆栈里的变量。这对调试程序带来的帮助非常巨大。
+
+## 普及率
+
+[![Async Function 的普及率](http://images.gitbook.cn/000af860-5801-11e7-92d5-13bc6466d9ae)](http://caniuse.com/#search=async%20function)
+截图于：2017-06-23

Diff for: 03-await-async.md

@@ -35,6 +35,13 @@
 
 ## 参考阅读
 
+* [MDN Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)
+* [MDN Promise 中文](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise)
+* [阮一峰：ECMAScript 6 入门 - Promise 对象](http://es6.ruanyifeng.com/#docs/promise)
+* [[翻译] We have a problem with promises](http://fex.baidu.com/blog/2015/07/we-have-a-problem-with-promises/)
+* [MDN Generator](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Generator)
+* [Async Function](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function)
+* [await](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await)
 * [让微信小程序支持 ES6 的 Promise 特性](https://haojen.github.io/2016/11/23/wechat-app-promise/)
 * [util.promisify() in Node.js v8](http://farzicoder.com/util-promisify-in-Node-js-v8/)
 * [util.promisify 官方文档](https://nodejs.org/dist/latest-v8.x/docs/api/util.html#util_util_promisify_original)

Diff for: 10-review.md

@@ -11,7 +11,7 @@
     * [Promise 错误处理](02-2-promise-error.md)
     * [Promise 进阶](02-04-promise-advanced.md)
 * [Async Functions 方案](03-await-async.md)
-    * [Async Functions VS Promise](03-1-difference-between-await-async-and-promise.md)
+    * [Async Functions VS Promise](03-1-async-function-vs-promise.md)
 * [一起实战吧](04-lets-do-it.md)
     * [降级](04-1-downgrade.md)
     * [小程序](04-2-xiaochengxu.md)

Diff for: SUMMARY.md

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const util = require('util');
+const gulp = require('gulp');
+const del = require('del');
+const sequence = require('run-sequence');
+const concat = require('gulp-concat');
+
+const TO = 'build/';
+const readFile = util.promisify(fs.readFile);
+
+gulp.task('clear', () => {
+  del(TO);
+});
+
+gulp.task('gitchat', async () => {
+  let summary = await readFile('./SUMMARY.md');
+  let chapters = /\]\(([^)]+\.md)\)/g[Symbol.match](summary)
+    .map(chapter => chapter.slice(2, -1));
+  return gulp.src(chapters)
+    .pipe(concat('all.md', {
+      newLine: '\n\r'
+    }))
+    .pipe(gulp.dest(TO + 'gitchat/'));
+});
+
+gulp.task('default', callback => {
+  sequence(
+    'clear',
+    'gitchat',
+    callback
+  );
+});