首页 > 语言 > JavaScript > 正文

浅谈Express异步进化史

2024-05-06 15:26:59
字体:
来源:转载
供稿:网友

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中的异步处理

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选