node异步进阶系列文章:
node异步进阶(1)-- 回调函数经典写法
node异步进阶(2)-- Promise的连续then写法
node异步进阶(3)-- async写法
继续上回的任务,这次改用promise对象实现。
让我们疯狂的使用then吧
第三版 (串行)
var http = require('http');
var fs = require('fs');
http.createServer(function(req,res){
if (req.url=='/') {
getTitles(res);
}
}).listen(80,function(){
console.log('server start..');
});
function getTitles(res){
var titles;
get_file_content('/tpl/title.json') // 先抓取数据文件
.then(JSON.parse) // 这里顺便做一下解析,让我们尽情滥用node的异步吧!!
.then( function(value){
titles = value; // 把局域变量保存到上一层变量。
return '/tpl/template.html';//给下一个文件请求then传参
}).then(
get_file_content // 再抓取模板文件
).then(function (tmpl){ // tmpl是上一个promis的输出
formatHtml(titles,tmpl, res); // 调用函数全部搞定
}
).catch( function (err) {
hadError(err, res); // 调用处理错误的函数。
});
}
// 这是通用函数,异步读文件
function get_file_content(file)
{
return new Promise(function (resolve, reject) {
fs.readFile(__dirname+file, function(err,data){
if (err) {
reject(err);
} else {
resolve(data.toString() );
}
});
});
}
//这是本程序主要逻辑,模板替换后,输出
function formatHtml(titles,tmpl, res) {
var html = tmpl.replace('%', ' <li > ' +titles.join('</li > <li >') +' </li > ' );
res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
res.end(html);
}
// 通用的错误处理函数
function hadError(err, res) {
console.log(err);
res.end('server error.');
}
我本人的电脑是windows,node8.9,测试通过,假如故意删除一个模板文件或数据文件,会在html输出程序中给定的错误。
注意到,这种写法的要点,先定义一个返回promise对象的函数,然后每个then里面放入这个函数,也可以不放,会自动被node转换成promise对象的!
这种写法中,一般都希望在一个地方处理错误,只要任意一个地方抛异常,所以就按上面的写法,把catch放在最后即可。
返回promise对象的函数的写法,把正确的输出放在resolve里即可,
每个then的输出,就是下个then的输入,代码很连贯。
尽管如此,本任务无需获取模板文件必须在数据文件后,完全可以同时请求,加快速度,于是有下面的代码:
第四版(并发)
var http = require('http');
var fs = require('fs');
http.createServer(function(req,res){
if (req.url=='/') {
getTitles(res);
}
}).listen(80,function(){
console.log('server start..');
});
function getTitles(res){
var files ={
title_fun: function (){
return get_file_content('/tpl/title.json').then(JSON.parse);
},
template_fun:function(){
return get_file_content('/tpl/template.html');
}
};
Promise.all([files.title_fun(), files.template_fun()]).then(function (results){
formatHtml(results[0],results[1], res); // 按照教材说法,这里的结果顺序一定等同all的传入顺序
}
).catch( function (err) {
hadError(err, res); // 调用处理错误的函数。
});
}
// 这是通用函数,异步读文件
function get_file_content(file)
{
return new Promise(function (resolve, reject) {
fs.readFile(__dirname+file, function(err,data){
if (err) {
reject(err);
} else {
resolve(data.toString() );
}
});
});
}
//这是本程序主要逻辑,模板替换后,输出
function formatHtml(titles,tmpl, res) {
var html = tmpl.replace('%', ' <li > ' +titles.join('</li > <li >') +' </li > ' );
res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});
res.end(html);
}
// 通用的错误处理函数
function hadError(err, res) {
console.log(err);
res.end('server error.');
}
可以看到并发请求,速度更快了,更充分利用了node的天生异步特性,充分的利用了计算机的性能。
并发的要点是all(....).then(...)这样的写法。
尽管如此,程序还是比较罗嗦,有没有更简单的写法呢?早就有了。
请继续看下一篇文章
分享到:
相关推荐
在本文中,我们将深入探讨Node.js异步处理的几种常见方法,包括回调函数、事件驱动以及基于Promise和async/await的现代异步编程模式。 首先,我们来看**回调函数**。这是Node.js早期处理异步操作的主要方式。例如,...
Promise可以链式调用then方法来处理多个异步操作,并且能够优雅地处理错误。一个Promise对象的状态一旦改变就不能再次改变。这种方式可以有效避免“回调地狱”,使得异步操作的代码更加清晰。 Generator函数是ES6中...
在JavaScript的世界,异步编程是不可或缺的一部分,尤其是在Node.js环境中,由于其单线程特性,异步处理显得尤为重要。Express作为Node.js中最受欢迎的Web服务器框架之一,自然而然地需要面对和处理各种异步操作。...
在实际应用中,Promise 可以结合`async/await`语法一起使用,使得异步代码更加接近同步代码的写法,提高代码的可读性和可维护性。例如: ```javascript async function runA() { try { const resB = await B(); ...
`es6-promisify-all` 是一个前端开源库,旨在帮助开发者将所有非 Promise 的异步方法转换为 Promise 形式,从而更好地利用 ES6 的 Promise 特性。 `Promise` 是一种状态管理机制,它有三种状态:pending(等待中)...
在转换异步到同步的过程中,需要注意的是,虽然代码看起来更易读,但同步写法会阻塞后续代码的执行,直至Promise对象被解决。这意味着在高并发的环境下使用同步写法可能会影响性能。因此,在实际应用中,应根据实际...
async/await则是基于Promise的一种更优雅的写法,它允许我们使用类似同步代码的方式来编写异步逻辑,提高了代码的可读性和可维护性。 在Node.js中,常见的异步I/O操作包括文件系统操作(fs模块)、网络通信(http或...
在ES6中,异步处理经历了从回调函数到Promise再到Generator和Async/Await的重大变革,极大地提升了代码的可读性和可维护性。本篇将详细讲解这些不同方式的异步处理,并通过一个实际示例——查找指定目录下最大文件,...
Promise允许我们使用.then()和.catch()方法来链式调用异步操作,这样可以让异步代码的书写和理解变得更接近同步代码的风格。 在Node.js中,EventEmitter和Promise并不是相互排斥的。实际上,很多现代的Node.js模块...
- Promise构造函数同步执行,then方法异步执行,遵循微任务(microtask)队列,会在当前脚本或任务队列之后执行。 12. 实现new操作符: - new操作符用于创建对象实例,本质上是对函数进行调用并返回新对象。 13. ...
Axios是一个基于Promise的HTTP请求客户端,适用于浏览器和Node.js环境中。它允许开发者发送各种HTTP请求,比如GET、POST、PUT、DELETE等,并且能自动处理JSON数据的序列化和反序列化。Axios还提供请求拦截和响应拦截...
Axios是一个基于Promise的HTTP库,它可以在浏览器和node.js中使用。它具有丰富的特性,如拦截请求和响应、转换请求和响应数据、取消请求、自动转换JSON数据等,因此在前端开发中广泛被采用。 在React或Vue项目中,...
为了避免回调函数的嵌套,我们使用了Promise来包装异步操作,并通过`.then()`和`.catch()`链式调用来处理结果和错误。 此外,Node.js提供了更高级的异步控制流工具,如async/await,可以进一步提高代码的可读性和可...
Promise是JavaScript中用于处理异步操作的一种对象,它代表了一个最终会完成或失败的异步操作,并且允许我们链式调用then方法来处理这些异步操作的结果,从而避免了回调地狱。 在koa框架中,结合generator和Promise...
- ES7引入的异步控制流语法,使得异步代码更接近同步代码的写法。 - `async`函数返回一个Promise,`await`关键字用于等待Promise的结果。 9. **作用域链**: - 当在函数内部查找变量时,会沿着作用域链向上查找...
#### 方案2:模仿Node.js的EventEmitter 为了改进方案1的缺点,作者尝试引入观察者模式,使用EventEmitter来控制任务的循环执行。这种方式可以更清晰地组织代码逻辑,并且通过事件监听和触发机制来控制异步任务的...
Promise链中调用了resolve(),没有调用reject(),因此then()方法中的回调函数会被执行,变量name的值会变成'2'。由于Promise链后还有name='4';的语句,根据异步操作的特性,name='4'会在Promise链中的回调函数执行...
2. Promise:处理异步操作的更优雅方式,具有then和catch方法来处理成功和失败的情况。 3. async/await:基于Promise的语法糖,使得异步代码看起来像同步代码,提高代码可读性。 七、模块化 1. CommonJS:Node.js...
ES6引入的Promise解决了这一问题,而ES7的Async/Await则进一步优化了Promise的使用体验,使得异步代码更接近同步的写法。 首先,我们需要了解Promise。Promise是一个代表未来某个时刻可能完成或失败的操作的对象。...