node 伴随版本的不断更新,异步处理的方式也变得越来越优雅,下面举例来感受一下异步处理方式的变化吧~
该实例为异步获取 package.json 文件中的 name 字段名称的一个小程序。
第一阶段,回调函数阶段
const fs = require('fs');
function readFile(path, cb) {
fs.readFile(path, { encoding: 'utf8' }, (err, data) => {
if (err) cb(err);
cb && cb(null, data);
})
}
readFile('./package.json', (err, data) => {
if (!err) {
data = JSON.parse(data);
console.log(data.name);
} else {
console.log(err);
}
});
第二阶段,Promise 阶段
Promise/A+ 是一个新的规范,node 也在随后的版本实现了这套规范,利用 Promise 可以很好的解决回调地狱问题,由于各个浏览器的兼容性,这种 promise 依然是大多数异步操作的处理方式(并不是Promise有缺点,只是说后来出现了其他优雅的方式~)
const fs = require('fs');
function readFile(path) {
return new Promise((resolve, reject) => {
fs.readFile(path, {encoding: 'utf8'}, (err, data) => {
if(err) reject(err)
else resolve(data)
})
});
}
readFile('./package.json')
.then(data => {
data = JSON.parse(data);
console.log(data.name);
})
.catch(err => {
console.log(err);
})
第三阶段,co + Generator + Promise
可以看出,这种 Generator 方式,希望把异步操作写法可以和同步方式一样编写,实现了一种类似代码暂时的方式。有对 co 库不太了解的童鞋可以参考阮一峰教授的文章:http://www.ruanyifeng.com/blog/2015/05/co.html
const fs = require('fs');
const util = require('util');
const co = require('co');
const readFile = util.promisify(fs.readFile);
co(function *() {
let data = yield readFile('./package.json');
data = JSON.parse(data);
console.log(data.name);
});
第四阶段,Async 统一天下
async 将异步处理方式的编码风格完全变成了同步的编码风格,使代码更简洁易懂,只是 async 需要 node 8+,不过可以使用像 Babel 一类的代码转换器。
const fs = require('fs');
const util = require('util');
const readFile = util.promisify(fs.readFile);
async function readFileAsync(path) {
try {
let data = await readFile(path);
data = JSON.parse(data);
console.log(data.name);
} catch (err) {
console.log(err);
}
}
readFileAsync('./package1.json');
这就是在 node 中处理异步方式的演变过程,不知道以后还有演变成哪中更加优雅的方式,我们拭目以待吧!!!