NodeJs通过async/await处理异步的方法

let person = {name: "yika"};
try{
db = yield mongoDb.open();
collection = yield db.collection("users");
result = yield collection.insert(person);
}catch(e){
console.error(e.message);
}
console.log(result);
});

我们已经非常接近同步编程了，在co包裹的函数内部，只有一个异步执行完毕，才会继续执行下面的代码。并且错误的处理也是通过

try and catch

进行实现的。不过我们不得不承认的是，迭代器终究不是为异步而存在的。里面的

yield

和

*

的语义也并不代表的就是异步函数标志。并且迭代器是需要co去驱动的，它和我们想象中的函数多少有一点点不同。

async/await时代

我们关注到ES7的async/await，才发现这才是我们想要的！我们将上面的代码小小改写一下。

async function insertData(person){
  let db, collection, result;
  try{
    db = await mongoDb.open();
    collection = await db.collection("users");
    result = await collection.insert(person);
  }catch(e){
    console.error(e.message);
  }
  console.log(result);
} 
insertData({name: "yika"});

我们可以看到

inserData

是一个真正的函数，是我们可以直接去调用而无需启动器驱动的。当然内部我们也可以感受到处理

yield

变成了

await

以外，并没有很大区别。async/await，更符合我们异步编程的语义。

那么问题来了，how to use it?

使用

我们一开始就说过，babel已经支持async的transform了，所以我们使用的时候引入babel就行。当然server端和browser端，可以有不同的处理方法。在开始之前我们需要引入以下的package，preset-stage-3里就有我们需要的async/await的编译文件。

$ npm install babel-core --save
$ npm install babel-preset-es2015 --save
$ npm install babel-preset-stage-3 --save

Browser端

Babel一开始的出现就是为了让旧浏览器也能支持新的ES6特性，提升我们的开发体验。所以在Babel一开始就是可以通过babel-cli终端进行编译的。或者引入babel文件在浏览器端进行编译。当然这些都不是我最推荐的，所以我就带过不说啦。在前端静态资源配置里，webpack是现在比较好的解决方案，它支持静态资源的模块依赖，打包合并，还有语言的预处理，当然在这里我们就是指babel的处理。

// webpack.config.js								 
 2/3   首页 上一页 1 2 3 下一页 尾页