首页 / JAVASCRIPT / 浅谈Express异步进化史

浅谈Express异步进化史

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈Express异步进化史，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5590字，纯文字阅读大概需要8分钟。

内容图文

1、导言

在 Javascript 的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。

Express 是 node 环境中非常流行的Web服务端框架，有很大比例的 Node Web应用采用了 Express。

当使用 JavaScript 编写服务端代码时，我们无可避免的会大量使用到异步。随着 JavaScript、Node 的进化，我们的异步处理方式，也就随之进化。

接下来，我们就来看看 Express 中异步处理的进化过程。

2、JavaScript的异步处理

在异步的世界里，我们需要想办法获取的异步方法完毕的通知，那在 JavaScript 中，会有哪些方式呢？

2.1、回调

回调是 JS 中最原始，也是最古老的异步通知机制。

function asyncFn(callback) {
 // 利用setTimeout模拟异步
 setTimeout(function () {
  console.log('执行完毕');
  callback(); // 发通知
 }, 2000);
}

asyncFn(function () {
 console.log('我会在2s后

输出'); });

2.2、事件监听

要获取结果的函数，监听某个时间。在异步方法完成后，触发该事件，达到通知的效果。

2.3、发布/订阅

通过观察者模式，在异步完成时，修改发布者。这个时候，发布者会把变更通知到订阅者。

2.4、Promise

Promise 是回调函数的改进。使用它，我们可以将异步平行化，避免回调地狱。

function asyncFn() {
 return new Promise((resolve, reject) => {
  // 利用setTimeout模拟异步
  setTimeout(function () {
   console.log('执行完毕');
   resolve(); // 发通知（是否有感觉到回调的影子？）
  }, 2000);
 });
}

asyncFn()
 .then(function () {
  console.log('我会在2s后

输出'); });

2.5、生成器（Generator）

Generator 函数是 ES6 提供的一种异步编程解决方案。

以下代码只是简单演示，实际上 Generator 的使用过程，相对是比较复杂的，这是另外一个话题，本文暂且不表。

function asyncFn() {
 return new Promise((resolve, reject) => {
  // 利用setTimeout模拟异步
  setTimeout(function () {
   console.log('执行完毕');
   resolve(); // 发通知（是否有感觉到回调的影子？）
  }, 2000);
 });
}

function* generatorSync() {
 var result = yield asyncFn();
}

var g = generatorSync();
g.next().value.then(()=>{
 console.log('我会在2s后

输出'); });

2.6、async...await

可以说是当前 JavaScript 中，处理异步的最佳方案。

function asyncFn() {
 return new Promise((resolve, reject) => {
  // 利用setTimeout模拟异步
  setTimeout(function () {
   console.log('执行完毕');
   resolve(); // 发通知（是否有感觉到回调的影子？）
  }, 2000);
 });
}

async function run(){
 await asyncFn();
 console.log('我会在2s后

输出'); } run();

3、Express中的异步处理

在Express中，我们一般常用的是方案是：回调函数、Promise、以及async...await。

为了搭建演示环境，通过 express-generator 初始化一个express项目。一般的服务端项目，都是路由调用业务逻辑。所以，我们也遵循这个原则：

打开 routs/index.js，我们会看到如下内容，以下Demo就以此文件来做演示。

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
 res.render('index', { title: 'Express' });
});

module.exports = router;

3.1、回调函数处理Express异步逻辑

在 Express 中，路由可以加载多个中间件，所以我们可以把业务逻辑按照中间件的写法进行编写。这样通过一层层的next，就能非常方便的拆分异步逻辑。

var express = require('express');
var router = express.Router();

function asyncFn(req, res, next) {
 setTimeout(() => {
  req.user = {}; // 设置当前请求的用户
  next();
 }, 2000);
}

function asyncFn2(req, res, next) {
 setTimeout(() => {
  req.auth = {}; // 设置用户权限
  next();
 }, 2000);
}

function asyncFn3(req, res, next) {
 setTimeout(() => {
  res.locals = { title: 'Express Async Test' }; // 设置数据
  res.render('index'); // 响应
 }, 2000);
}

/* GET home page. */
router.get('/', asyncFn, asyncFn2, asyncFn3); // 一步步执行中间件

module.exports = router;

3.2、Promise 处理Express异步逻辑

该方案中，将多个业务逻辑，包装为返回 Promise 的函数。通过业务方法进行组合调用，以达到一进一出的效果。

var express = require('express');
var router = express.Router();

function asyncFn(req, res) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
   req.user = {}; // 设置当前请求的用户
   resolve(req);
  }, 2000);
 });
}

function asyncFn2(req) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
   req.auth = {}; // 设置用户权限
   resolve();
  }, 2000);
 });
}

function asyncFn3(res) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
   res.locals = { title: 'Express Async Test' }; // 设置数据
   res.render('index'); // 响应
  }, 2000);
 });
}

function doBizAsync(req, res, next) {
 asyncFn(req)
  .then(() => asyncFn2(req))
  .then(() => asyncFn3(res))
  .catch(next); // 统一异常处理
};

/* GET home page. */
router.get('/', doBizAsync);

module.exports = router;

3.3、async...await 处理Express异步逻辑

实际上，该方案也是需要 Promise 的支持，只是写法上，更直观，错误处理也更直接。

需要注意的是，Express是早期的方案，没有对async...await进行全局错误处理，所以可以采用包装方式，进行处理。

var express = require('express');
var router = express.Router();

function asyncFn(req) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
   req.user = {}; // 设置当前请求的用户
   resolve(req);
  }, 2000);
 });
}

function asyncFn2(req) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
   req.auth = {}; // 设置用户权限
   resolve();
  }, 2000);
 });
}

function asyncFn3(res) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {

  }, 2000);
 });
}

async function doBizAsync(req, res, next) {
 var result = await asyncFn(req);
 var result2 = await asyncFn2(req);
 res.locals = { title: 'Express Async Test' }; // 设置数据
 res.render('index'); // 响应
};

const tools = {
 asyncWrap(fn) {
  return (req, res, next) => {
   fn(req, res, next).catch(next); // async...await在Express中的错误处理
  }
 }
};

/* GET home page. */
router.get('/', tools.asyncWrap(doBizAsync)); // 需要用工具方法包裹一下

module.exports = router;

4、总结

虽然 koa 对更新、更好的用法（koa是generator，koa2原生async）支持的更好。但作为从 node 0.x 开始跟的我，对 Express 还是有特殊的好感。

以上的一些方案，已经与 koa 中使用无异，配合 Express 庞大的生态圈，无异于如虎添翼。

本文Github地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的浅谈Express异步进化史全部内容，希望文章能够帮你解决浅谈Express异步进化史所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/341020.html

来源：【匿名】

【上一篇】js 发布订阅模式的实例讲解【下一篇】javascript 怎么调用php方法

更多 ►

【浅谈Express异步进化史】教程文章相关的互联网学习教程文章

Nodejs Express 通过log4js写日志到Logstash(ELK)

Log4j 是一个使用 Java 语言编写的，可靠、快速、灵活的日志框架（API），使用 Apache Software License 授权。它被移植到 C、C++、C#、Perl、Python、Ruby 和 Eiffel 语言中。 Log4j 是高度可配置的，在运行期使用外部的配置文件对其进行配置。它按照优先级别记录日志，并可将日志信息定向输出到各种介质，比如数据库、文件、控制台、Unix Syslog等。 Log4j 主要由三部分组成： loggers：负责采集日志信息。appenders：负责将日志...

怎样操作express默认日志组件morgan

这次给大家带来怎样操作express默认日志组件morgan，操作express默认日志组件morgan的注意事项有哪些，下面就是实战案例，一起来看一下。章节概览morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括：morgan使用入门例子如何将日志保存到本地文件核心API使用说明及例子进阶使用：1、日志分割 2、将日志写入数据库源码剖析：morgan的日志格式以及预编译入门例子首先，...

express默认日志组件morgan的方法

morgan是express默认的日志中间件，这篇文章主要介绍了express默认日志组件morgan的方法,现在分享给大家，也给大家做个参考。章节概览morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括：morgan使用入门例子如何将日志保存到本地文件核心API使用说明及例子进阶使用：1、日志分割 2、将日志写入数据库源码剖析：morgan的日志格式以及预编译入门例子首先，初始化项目...

express默认日志组件morgan使用详解

这次给大家带来express默认日志组件morgan使用详解，使用express默认日志组件morgan的注意事项有哪些，下面就是实战案例，一起来看一下。章节概览morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括：morgan使用入门例子如何将日志保存到本地文件核心API使用说明及例子进阶使用：1、日志分割 2、将日志写入数据库源码剖析：morgan的日志格式以及预编译入门例子首先，...

express默认日志组件morgan的详细介绍

这次给大家带来express默认日志组件morgan的详细介绍，使用express默认日志组件morgan的注意事项有哪些，下面就是实战案例，一起来看一下。章节概览morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括：morgan使用入门例子如何将日志保存到本地文件核心API使用说明及例子进阶使用：1、日志分割 2、将日志写入数据库源码剖析：morgan的日志格式以及预编译入门例子首先...

javascript – 将JSON数据集显示为包含Node.js和Express的表【代码】

首先,我想指出我对Node.JS很新.我正在尝试使用NodeJS来创建包含多个表和信息的页面.我的问题是,我无法将SQL查询的结果导入HTML表格.目前我使用express将数据发送到HTML页面. 我使用的代码：var http = require('http');http.createServer(function(req, res) {});var mysql = require("mysql"); var express = require('express');var app = express();console.log('Creating the http server');con.query('SELECT id ,name FROM c...

Vue+Express实现登录注销功能的实例代码【图】

对Vue全家桶有基本的认知.用有node环境了解express一丶业务分析 1.什么情况下进行权限验证? 访问敏感接口前端向后端敏感接口发送ajax后端进行session验证,并返回信息前端axios拦截返回信息,根据返回信息进行操作进行页面切换页面切换,触发vue-router的路由守卫路由守卫根据跳转地址进行验证,如需权限,则发送ajax至后端验证接口后端验证接口进行session验证,返回信息前端根据后端返回信息进行操作2.前后端进行了怎么的交互? 登录注...

nodejs教程安装express及配置app.js文件的详细步骤

安装express.js 如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：代码如下:npm install express -gd -g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)，你可以透过以下指令来比较两者的不同：代码如下:npm list -gnpm list 如果没有npm，那么我可以使用github来git下来最新的express。好了，现在你可以通过express te...

javascript – 在Express和Node.js中,是否可以扩展或覆盖响应对象的方法？【代码】

对于每个中间件,Express都会传递res和req对象.这些对象分别扩展了来自http.ServerResponse和http.ClientRequest的本机对象.我想知道是否可以覆盖或扩展响应对象的方法. 例如,我不想使用res.render(‘home’,jsonData);而是使用名为customRender的自定义方法扩展res,并使用它：res.customRender(). 我没有陷入某个特定问题或其他任何问题.我只是想学习如何扩展本机对象,或者像本例一样,来自Node.js中第三方模块的对象解决方法:最好的...

nodejs+express实现文件上传案例详解

这次给大家带来nodejs+express实现文件上传案例详解，nodejs+express实现文件上传的注意事项有哪些，下面就是实战案例，一起来看一下。前段时间在做个人项目的时候，用到了nodejs服务端上传文件，现在回头把这个小结一下，作为记录。本人上传文件时是基于express的multiparty ，当然也可以使用connect-multiparty中间件实现，但官方似乎不推荐使用connect-multiparty中间件。废话不多说，下面看代码吧。步骤：（1）使用express创建...

node.js Web应用框架Express入门指南

一、安装代码如下:$ npm install express或者在任何地方使用可执行的 express(1) 安装：代码如下:\# 译注：强烈建议这种方式$ npm install -g express 二、快速上手最快上手 express 的方法是利用可执行的 express(1) 来生成一个应用，如下所示：创建一个 app：代码如下:$ npm install -g express$ express /tmp/foo && cd /tmp/foo安装依赖包：代码如下:$ npm install -d启动服务器: 代码如下:$ node app.js 三、创建一个服务...

javascript – 使用Express.js中的next()将变量传递给下一个中间件【代码】

好吧,我的问题是我想将一些变量从第一个中间件传递到另一个中间件,我尝试这样做,但是“req.somevariable给定为’undefined’”.//app.js .. app.get('/someurl/', middleware1, middleware2) ...////middleware1 ... some conditions ... res.somevariable = variable1; next(); ...////middleware2 ... some conditions ... variable = req.somevariable; ...解决方法:将变量附加到req对象,而不是res. 代替res.somevariable = var...

javascript – node.js和express：如何等待udp响应【代码】

我在这里学习一点node.js编程并遇到了问题. 当express获取POST请求时,它应该使用dgram模块通过UDP进行radius验证. Radius身份验证的响应稍后会出现,但POST请求回调已经退出,req和res变量将丢失,并且无法使用相同的TCP连接进行响应. 如果我应该等待半径响应(这是非常快)我应该如何在node.js&中等待表达？下面的代码执行基本的POST处理和radius验证. 非常感谢您的任何提示.var http = require(http);var express = require(express...

win7下安装配置node.js+express开发环境【图】

1.安装 node.js。进入官网的下载地址：http://www.nodejs.org/download/ 。选择Windows Installer或者选择Windows Installer (.msi) 32-bit，下载安装包。下载完成后，双击安装。2.安装 Express。通过nmp包管理器进行安装，安装分为：全局安装：自动安装到“C:\Users\[当前用户]\AppData\Roaming\npm”下，并且自动将路径添加到环境变量“Path”中。本地安装：安装到当前目录下，不会将路径添加到环境变量“Paht”中。为了方...

分享Express+Node.js实现登录拦截器详解

本篇文章主要介绍了Express + Node.js实现拦截器的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧介绍这边的拦截器，对应于spring MVC中的filter，所有的http请求，通过拦截器处理之后才能访问到对应的代码/资源。最典型的应用场景就是实现访问权限控制，给予不同的用户/用户组不同的页面和接口访问权限，仅能够访问允许的页面和接口。场景app.post(/login, function(request, res, next...

首页 / JAVASCRIPT / 浅谈Express异步进化史

浅谈Express异步进化史

内容导读

内容图文

内容总结

内容备注

内容手机端

【浅谈Express异步进化史】教程文章相关的互联网学习教程文章

异步 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程