Skip to content

Latest commit

 

History

History
1855 lines (1401 loc) · 104 KB

Chapter6-Design Patterns.md

File metadata and controls

1855 lines (1401 loc) · 104 KB

Design Patterns

设计模式是重复出现的问题的可重用解决方案;该术语的定义非常广泛,可以涵盖应用程序的多个领域。然而,这个术语通常与著名的面向对象模式相关联,又被称作可复用的面向对象基础方法。我们经常会将这些特定的模式集合称为传统设计模式或GoF设计模式。

JavaScript中应用面向对象的设计模式并不像传统的面向对象的语言那样线性和形式化。我们知道,JavaScript是范式化的,面向对象的,基于原型的,并且是动态类型语言;它将函数视为一等公民,并允许函数式的编程风格。这些特性使得JavaScript成为一种非常通用的语言,它为开发人员提供了巨大的力量,但同时也造成其编程风格与传统语言不同。人们总结JavaScript的编程范式,最后总结出JavaScript生态系统的模式。有很多方法可以使用JavaScript实现相同的结果。对于JavaScript的问题,解决一个问题的模式是多样化的。这种现象的一个明显的例子就是JavaScript生态系统中有丰富的框架和类库;可能没有其他语言见过这么多,尤其是现在Node.js已经给JavaScript带来了惊人的新的可能性,并创造了许多新的场景。

在这种背景下,传统的设计模式也受到JavaScript本质的影响。实现它们的方式有很多,所以它们传统的,强烈的面向对象的实现意味着它们不再是模式。在某些情况下,它们甚至是不需要的,因为我们知道,JavaScript没有真正的类或抽象接口。不变的是每个模式的基本原理,解决的问题以及解决方案核心的概念。

本章探讨的设计模式如下:

  • 工厂模式(Factory
  • 揭示构造模式(Revealing constructor
  • 代理模式(Proxy
  • 装饰者模式(Decorator
  • 适配器模式(Adapter
  • 策略模式(Strategy
  • 状态模式(State
  • 模板模式(Template
  • 中间件模式(Middleware
  • 命令模式(Command

本章假定读者对JavaScript中继承的工作原理有一些概念。 另外请注意,在本章中,我们经常使用一般的和更直观的图来描述一个模式来代替标准的UML,因为许多模式可以有一个不仅基于类而且基于对象甚至函数的实现。

工厂模式(Factory

我们从Node.js中最简单,最常见的设计模式工厂模式开始。

用于创建对象的通用接口

我们已经强调了这样的事实:在JavaScript中,因为函数的简单性,易用性和可拓展性,函数实例通常比纯粹的面向对象设计更受欢迎。创建新的对象实例时尤其如此。 实际上,调用一个工厂,而不是直接使用new运算符或Object.create()从一个原型创建一个新的对象,在很多方面是非常方便和灵活的。

首先,工厂允许我们将对象创建与实现分离开来;从本质上讲,一个工厂包装了一个新实例的创建,给了我们更多的灵活性和控制。 在工厂内部,我们可以使用闭包,使用原型和new运算符,使用Object.create()创建新实例,甚至根据特定条件返回不同的实例。对于对象的使用者而言,其完全不知道这个实例是怎么进行创建的。事实是,通过使用new,我们将我们的代码绑定到创建对象的一种特定方式,而在JavaScript中,可以更灵活且自由地创建对象。作为下面这个简单的例子,我们来考虑通过工厂模式创建一个Image对象:

function createImage(name) {
  return new Image(name);
}
const image = createImage('photo.jpeg');

createImage()工厂可能看起来完全没有必要。为什么不直接使用new运算符来实例化Image类?像下面这行代码:

const image = new Image(name);

正如我们已经提到的,使用new将我们的代码绑定到一个特定类型的对象;对于前面的例子,绑定到Image类型的对象。工厂模式创建对象更为灵活;想象一下,如果我们想要重构Image类,把它分成更小的类,使得其支持各种图像格式。如果我们将工厂作为创建新图像的唯一方法,我们可以像如下拓展代码,而不会破坏任何现有的代码:

function createImage(name) {
  if (name.match(/\.jpeg$/)) {
    return new JpegImage(name);
  } else if (name.match(/\.gif$/)) {
    return new GifImage(name);
  } else if (name.match(/\.png$/)) {
    return new PngImage(name);
  } else {
    throw new Exception('Unsupported format');
  }
}

工厂还允许我们不暴露它创建的对象的构造函数,并防止它们被扩展或修改。 在Node.js中,这可以通过仅导出工厂来实现,同时保持每个构造函数都是私有的。

强制封装机制

由于闭包,工厂也可以用来实现封装。

正如我们所知,在JavaScript中,我们没有权限修饰符(例如,我们不能声明私有变量),所以强制封装的唯一方法是通过函数作用域和闭包。 工厂可以用来实现封装,直接声明私有变量;以下面的代码为例:

function createPerson(name) {
  const privateProperties = {};
  const person = {
    setName: name => {
      if (!name) throw new Error('A person must have a name');
      privateProperties.name = name;
    },
    getName: () => {
      return privateProperties.name;
    }
  };
  person.setName(name);
  return person;
}

在前面的代码中,我们利用闭包来创建两个对象:一个表示工厂返回的公共接口的person对象,一个从外部不可访问的privateProperties,只能通过person提供的接口来操作目的。例如,在前面的代码中,要确保personname永远不为空;如name只是person对象的属性,则不可能做到强制封装。

工厂只是我们创建私有成员变量的技术之一,事实上,也有很多其它的方法定义私有成员变量:

  • 在构造函数中定义私有变量
  • 使用约定,用下划线_或美元符号$(但这在技术上不会阻止从外部访问成员)的属性名称前缀
  • 使用ES2015 WeakMaps

构建一个简单的profiler

现在,我们来看一个使用工厂模式的完整示例。让我们构建一个简单的profiler,看一个具有以下属性的对象:

  • start()方法,触发一个会话开始
  • end()方法,终止会话并记录它的执行时间,打印到控制台

我们首先创建一个名为profiler.js的文件,它将包含以下内容:

class Profiler {
  constructor(label) {
    this.label = label;
    this.lastTime = null;
  }
  start() {
    this.lastTime = process.hrtime();
  }
  end() {
    const diff = process.hrtime(this.lastTime);
    console.log(
      `Timer "${this.label}" took ${diff[0]} seconds and ${diff[1]}
           nanoseconds.`
    );
  }
}

前面的类没有什么特别之处。我们只需使用默认的定时器来保存当start()被调用时的时间,然后计算到执行end()时的所经过的时间,并将结果打印到控制台。

现在,如果我们要在真实世界的应用程序中使用这样一个profiler来计算不同程序的执行时间,我们可以很容易想象我们将会在标准输出中产生大量的日志记录,特别是在生产环境中。我们可能想要做的是将分析信息重定向到另一个源(例如数据库),或者,如果应用程序正在生产环境下运行,则将profiler完全禁用。很明显,如果我们直接使用new运算符实例化一个Profiler对象,那么我们需要在客户端代码或Profiler对象本身中添加一些额外的逻辑,以便在不同的逻辑之间切换。我们可以使用工模式厂来抽象创建Profiler对象,这样,根据应用程序是以生产模式还是开发模式运行,我们可以返回完全正常工作的Profiler对象,或者具有相同接口的模拟对象,但方法是空函数。让我们在profiler.js模块中执行此操作,而不是导出Profiler构造函数,而只导出一个函数,即我们的工厂。以下是其代码:

module.exports = function(label) {
  if (process.env.NODE_ENV === 'development') {
    return new Profiler(label); // [1]
  } else if (process.env.NODE_ENV === 'production') {
    return { // [2]
      start: function() {},
      end: function() {}
    }
  } else {
    throw new Error('Must set NODE_ENV');
  }
};

我们创建的工厂从其中抽象了Profiler对象的创建过程:

  • 如果应用程序正在开发模式下运行,我们会完全返回一个新的具有完整功能的Profiler对象。
  • 如果应用程序正在生产模式下运行,则返回一个模拟对象,它的start()stop()方法是空函数。

值得一提的是,由于JavaScript的动态输入,我们能够在一种情况下返回一个使用new运算符实例化的对象,而在另一种情况下返回一个简单的对象字面值。工厂模式可以很好地实现这一点,我们可以在工厂函数中以任何方式创建对象,可以执行额外的初始化步骤或者根据特定的条件返回不同类型的对象,而这些细节对于对象的使用者来说都是透明的。我们可以很容易地理解这种简单模式的强大。

现在我们可以使用我们的profiler,来看以下代码:

const profiler = require('./profiler');

function getRandomArray(len) {
  const p = profiler('Generating a ' + len + ' items long array');
  p.start();
  const arr = [];
  for (let i = 0; i < len; i++) {
    arr.push(Math.random());
  }
  p.end();
}
getRandomArray(1e6);
console.log('Done');

变量p包含我们的profiler对象实例,但是我们不知道它是 如何创建的,和在这个代码点它是如何实现的。如果我们将上面的代 码包含在profilerTest.js中,我们可以很容易地测验证这些假设。测试启用代码分析功能的程序,运行以下命令:

export NODE_ENV=development; node profilerTest

前面的命令启用开发环境的profiler然后打印分析信息到控制台。 如果我们想要看看生产环境下的profiler,我们可以运行下面的命令:

export NODE_ENV=production; node profilerTest

我们刚才展示的示例只是工厂模式的简单应用程序,但它清楚地显示了将对象的创建与实现分离的优点。

可组合的工厂函数

现在我们对如何在Node.js中实现工厂函数有了一个很好的想法,我们准备引入一个最近在JavaScript社区中引起了关注的高级模式。我们正在谈论可组合的工厂函数,它代表了一种特定类型的工厂函数,可以“组合”在一起构建新的更强大的工厂函数。它们允​​许我们构建继承关系较为复杂的对象十分有用。

我们可以用一个简单而有效的例子来阐明这个概念。假设我们要构建一个游戏,其中屏幕上的角色可以有许多不同的行为:可以在屏幕上移动;他们可以砍杀和射击。是的,要成为一个角色,他们应该有一些基本的属性,如生命值,屏幕上的位置和角色类型。

我们要定义几种类型的角色,每一种特定的行为:

  • Character:具有生命值,位置和名字的基础角色
  • Mover:可移动的角色
  • Slasher:可砍杀他人的角色
  • Shooter:能够射击的角色(只要有子弹就可以成为Shooter!)

理想情况下,我们可以定义新的角色类型,结合现有角色的不同行为。 我们希望有绝对的自由,例如,我们希望在现有的基础上定义这些新的类型:

  • Runner:可移动的角色
  • Samurai:可移动和砍杀他人的角色
  • Sniper:不能移动但能射击的角色
  • Gunslinger:可以移动和射击的角色
  • Western Samurai:可移动、砍杀他人和射击的角色

正如你所看到的,我们希望完全自由地结合每个基本类型的特征,所以现在应该很明显的是我们不能用类和继承来简单地模拟这个问题。

相反,我们将使用可组合的工厂函数,特别是我们可以使用stamp模块。

这个模块提供了一个直观的接口来定义工厂函数,可以组合起来构建新的工厂函数。基本上,它允许我们定义工厂函数,通过使用方便流畅的接口来描述它们,这些工厂函数将生成具有一组特定属性和方法的对象。

让我们看看如何通过stamp定义我们的游戏的基本角色。我们将从基础的角色开始:

const stampit = require('stampit');
const character = stampit().
props({
  name: 'anonymous',
  lifePoints: 100,
  x: 0,
  y: 0
});

在前面的代码片段中,我们定义了角色的工厂函数,它可以用来创建基本角色的新实例。每个角色将具有以下属性:name,lifePoints,x和y,默认值分别为'anonymous'10000。使用stampitprops方法可以定义这些属性。 要使用这个工厂函数,我们可以这样做:

const c = character();
c.name = 'John';
c.lifePoints = 10;
console.log(c); // { name: 'John', lifePoints: 10, x:0, y:0 }

现在,让我们来定义mover工厂函数:

const mover = stampit()
  .methods({
    move(xIncr, yIncr) {
      this.x += xIncr;
      this.y += yIncr;
      console.log(`${this.name} moved to [${this.x}, ${this.y}]`);
    }
  });

在这种情况下,我们使用stampitmethods函数来声明这个工厂函数产生的对象中所有可用的方法。 对于我们的Mover定义,我们有一个move函数可以增加实例的xy的位置。 请注意,我们可以从方法内使用关键字this来访问实例属性。

现在我们已经理解了基本的概念,我们可以很容易地添加slashershooter类型的工厂函数定义:

const slasher = stampit()
  .methods({
    slash(direction) {
      console.log(`${this.name} slashed to the ${direction}`);
    }
  });
const shooter = stampit()
  .props({
    bullets: 6
  })
  .methods({
    shoot(direction) {
      if (this.bullets > 0) {
        --this.bullets;
        console.log(`${this.name} shoot to the ${direction}`);
      }
    }
  });

注意到我们如何使用propsmethods来定义我们的shooter工厂函数。

现在我们已经定义了所有的基本类型,我们准备将它们组合起来创建新的更为复杂的工厂函数。

const runner = stampit.compose(character, mover);
const samurai = stampit.compose(character, mover, slasher);
const sniper = stampit.compose(character, shooter);
const gunslinger = stampit.compose(character, mover, shooter);
const westernSamurai = stampit.compose(gunslinger, samurai);

stampit.compose()方法定义了一个新的组合的工厂函数,它的作用是根据组合工厂函数的方法和属性生成一个对象。 正如你所看到的那样,这是一个强大的机制,使我们能够自由地创建和组合工厂函数。

接下来我们实例化一个新的westernSamurai

const gojiro = westernSamurai();
gojiro.name = 'Gojiro Kiryu';
gojiro.move(1, 0);
gojiro.slash('left');
gojiro.shoot('right');

这将产生以下输出:

Yojimbo moved to [1, 0]
Yojimbo slashed to the left
Yojimbo shoot to the right

实际应用场景

正如我们所说的,工厂模式在Node.js中非常流行,许多软件包只提供用于创建新实例的工厂;常见一些例子如下:

  • DnodeNode.js的远程程序调用(RPC)库。如果我们查看它的源代码,我们会看到它的逻辑实际上是实现成一个名为D的类;然而,实例并没有暴露给外界,因为唯一的接口是工厂,这使我们能够使用它创建类的新实例。你可以看看它的源代码。

  • Restify:这是一个构建REST API的框架,它允许我们使用restify.createServer()工厂函数创建一个服务器的新实例,该工厂在内部创建一个新的实例Server类(不导出)。 你可以看看它的源代码。

其他模块公开了一个类和一个工厂,但将工厂作为创建新实例的主要方法或最方便的方法;一些例子如下:

  • http-proxy:这是一个可编程HTTP的代理库,用httpProxy.createProxyServer(options)创建新的实例。
  • Node.js核心模块之HTTP:这是新实例主要使用http.createServer()创建的地方,但这实际上是new http.Server()的简写方式。
  • bunyan:这是一个广泛使用的日志记录库;在其README文件中,要求这个仓库的contributors需要使用工厂函数bunyan.createLogger()作为创建新实例的主要方法,即使这相当于运行new bunyan()

其他一些模块也提供了一个工厂函数来封装其组件实例的创建。常见的例子是through2from2(我们在Chapter 5-Coding with Streams看到过它),它允许我们使用工厂方法简化新Streams的创建,从而显式地使用继承和new运算符。

还有一些使用stamp规范和组合工厂模式的模块,可以看看react-stampit,它在前端使用组合工厂模式,使您可以轻松地组合组件功能,remitter,一个基于Redispub / sub模块。

揭示构造函数模式(Revealing constructor

揭示构造函数模式是一个相对较新的模式,在Node.js社区和JavaScript中越来越受到重视,特别是因为它在一些核心库(如Promise)中使用。

我们已经在Chapter4-Asynchronous Control Flow Patterns with ES2015 and Beyond中隐含地看到了这种模式,但是我们再回过头来分析一下Promise构造函数,以更详细地描述它:

const promise = new Promise(function(resolve, reject) {
  // ...
});

正如你所看到的,Promise接受一个函数作为构造函数的参数,这被称为执行函数。这个函数是由Promise构造函数的内部实现调用的,它提供给构造函数,用于处理pending状态的promise的内部状态。换句话说,它确定了一个方式来调用resolvereject函数,promise遵循这个机制,调用resolvereject来改变对象的内部状态。

这样做的好处是只有构造函数的参数函数才有权resolvereject,一旦构造了Promise对象,就可以安全地传递;没有其他代码将能够调用resolveject,来改变Promise的内部状态。 这就是为什么这个模式被Domenic Denicola的一篇博客文章命名为揭示构造函数模式的原因。

一个只读的event emitter

在这一段中,我们将使用揭示构造函数模式来构建一个只读的event emitter,这是一种特殊类型的event emitter,在这个event emitter内部方法,不允许调用emit方法,只有传递给构造函数的函数参数才能够调用emit方法。

让我们将Roee类的代码写入名为roee.js的文件中:

const EventEmitter = require('events');
module.exports = class Roee extends EventEmitter {
  constructor(executor) {
    super();
    const emit = this.emit.bind(this);
    this.emit = undefined;
    executor(emit);
  }
};

在这个简单的类中,我们扩展了核心模块EventEmitter类,其接受一个executor函数作为构造函数的唯一参数。

在构造函数内部,我们调用super函数来确保通过调用其父构造函数来正确地初始化event emitter,然后保存emit函数的备份,并通过为其分配undefined来删除它。

最后,我们通过传递emit方法备份作为参数来调用executor函数。

这里要了解的重要一点是,在undefined被分配给emit方法之后,我们不能再从代码的其他部分调用它了。 我们的emit的备份版本被定义为一个局部变量,只会被转发给执行器函数。这个机制使我们能够仅在executor函数内使用emit

现在让我们使用这个新类来创建一个简单的ticker,一个每秒发出一个tick并记录所有tick发出的数量的类。

这将是我们新的ticker.js模块的内容:

const Roee = require('./roee');
const ticker = new Roee((emit) => {
  let tickCount = 0;
  setInterval(() => emit('tick', tickCount++), 1000);
});
module.exports = ticker;

正如你在这里看到的,代码量并不大。 我们实例化一个新的Roee,并在executor函数内传递emit作为参数。正是因为我们的executor函数接收emit作为参数,所以我们可以使用它每秒发出一个新的tick事件。

现在我们举例说明如何使用这个模块:

const ticker = require('./ticker');
ticker.on('tick', (tickCount) => console.log(tickCount, 'TICK'));
// ticker.emit('something', {}); <-- This will fail

我们使用与任何其他基于event emitter的对象相同的ticker对象,我们可以用on方法附加任意数量的监听器,但是在这种情况下,如果我们尝试使用emit方法,那么我们的代码将抛出异常TypeError: ticker.emit is not a function

即使这个例子在展示如何使用揭示构造函数模式,但值得一提的是这个事件发生器的只读功能并不是完美的,并且仍然有可能以几种方式绕过它。例如,我们仍然可以通过直接使用原型上的emit在我们的ticker实例上发出事件,如下所示:

require('events').prototype.emit.call(ticker, 'someEvent', {});

实际应用场景

即使这种模式非常有趣和智能,但实际上,除了Promise构造函数以外,很难找到常见的应用实例。

值得一提的是,现在Streams议案中有一个新的规范,可以尝试使用揭示构造函数模式替代现今的模板模式,以便能够描述各种Streams对象的行为:可以看 https://streams.spec.whatwg.org/

另外需要指出的是,在之前Chapter 5-Coding with Streams当我们实现了ParallelStream类的时候。这个类作为构造函数参数接受userTransform函数作为参数(executor)。

即使在这种情况下,executor函数在构建时不被调用,但在Streams的内部_transform()方法中,揭示构造函数模式的一般概念仍然有效。实际上,这种方法允许我们在创建一个新的ParallelStream实例时,将Streams的一些内部方法(例如push函数)暴露给executor函数,使得我们在调用构造函数创建ParallelStream实例时执行与内部方法相关的一些操作。

代理模式(Proxy

代理是一个控制访问另一个被称为主体对象的对象。代理对象和主体对象有一套相同的接口,这使得在使用代理的过程中,对于使用者而言是透明的。这种模式称为代理模式。代理拦截了所有要在主体对象上进行的操作,并增强或补充主体对象的行为。如图所示:

上图给我们展示了代理对象和主体对象具有相同的接口,以及这对客户端来说是如何完全透明的,客户端可以互换地使用其中一个。代理将每个操作转发给主体,通过额外的预处理或后处理来增强其行为。

要注意的是,我们并不是在讨论对于不同类需要实现不同的代理。代理模式要求代理对象需要保持各自主体的状态。

代理在几种情况下是有用的;例如,考虑以下几点情况:

  • 数据验证:在代理向主体转发数据前验证其数据输入的合法性。
  • 安全性:代理验证客户端是否有权限,仅仅当有权限时才会向主体对象发送相关请求。
  • 缓存:代理对象保存内部缓存,仅仅当缓存未命中时才向主体对象发送相关请求。
  • 懒加载:如果主体对象的创建需要消耗大量资源,代理可以推迟创建主体对象的时机,仅仅当需要主体对象时才创建主体对象。
  • 日志:代理拦截方法和对应的参数调用,并在他们执行前后实现日志打印。
  • 远程对象:代理可以接收远程对象,并使得其呈现为本地对象。

当然,代理模式还有更多的应用,但以上这些应该能让我们了解其主要用途。

实现代理的技术

当代理一个对象时,我们可以拦截所有的方法,或者只拦截其中的一些,而把其余的直接委托给主体对象。有几种方法可以实现这一点。让我们来分析其中的一些方法。

对象组合

对象组合是一种将对象与另一个对象组合起来的技术,便于扩展或使用其中一个对象功能。对于代理模式而言,创建具有与主体对象相同接口的新对象,并且对该主体的引用以实例变量或闭包变量的形式存储在代理内部。

主体对象可以在创建时从客户端注入,也可以由代理自己创建。

以下是使用伪类和工厂模式创建代理对象的一个例子:

function createProxy(subject) {
  const proto = Object.getPrototypeOf(subject);

  function Proxy(subject) {
    this.subject = subject;
  }
  Proxy.prototype = Object.create(proto);
  //proxied method
  Proxy.prototype.hello = function() {
    return this.subject.hello() + ' world!';
  };
  //delegated method
  Proxy.prototype.goodbye = function() {
    return this.subject.goodbye
      .apply(this.subject, arguments);
  };
  return new Proxy(subject);
}
module.exports = createProxy;

为了使用对象组合实现代理,我们必须拦截我们需要的方法(比如hello()),对于我们不需要的方法,则委托给主体对象调用(例如goodbye()方法)。

前面的代码也显示了主体对象有一个原型的特定情况,我们希望维护正确的原型链,以便执行代理instanceof Subject将返回true;我们使用继承来实现这一点。

这只是一个额外的步骤,当我们想要保持原型链时,才需要这个步骤,这对于改进代理的兼容性有用的。

但是,由于JavaScript具有动态类型,大多数情况下我们可以避免使用继承,并使用更直接的方法。例如,前面的代码中提供的代理的另一种实现,可能只使用对象字面量和工厂模式:

function createProxy(subject) {
  return {
    // 代理方法
    hello: () => (subject.hello() + ' world!'),
    // 委托方法
    goodbye: () => (subject.goodbye.apply(subject, arguments))
  };
}

如果我们想创建一个委托其大部分方法的代理,那么使用称为delegates自动生成这些代理会很方便。

对象增强

对象增强是实现代理模式最佳的方式,通过用在代理对象上实现替换方法来直接修改对象;看下面的例子:

function createProxy(subject) {
  const helloOrig = subject.hello;
  subject.hello = () => (helloOrig.call(this) + ' world!');
  return subject;
}

当我们需要实现的代理只有一个或几个方法的时候,这个技术绝对是最方便的,但是它有一个缺点,就是直接修改主体对象。

不同技术的比较

对象组合被认为是创建代理的最安全的方式,因为它可以在不改变主体对象的原始行为的情况下创建代理。它唯一的缺点是我们必须手动委托所有的方法,即使我们只想代理其中的一个方法。如果需要的话,我们可能还必须委托访问主体对象的属性。

对象原型能够通过使用Object.defineProperty()被委托,可以查看Object.defineProperty()的文档

对于对象增强而言,可能我们并不是总想要修改主体对象,但是它没有出现在委派方法中出现的种种不便。为此,对象增强是 用JavaScript实现代理最实用的方式,如果修改主体对象不会导致大问题,对象增强是首选的技术。

然而,至少有一种情况下,对象组合几乎是必需的;这就是我们想要控制主体对象的初始化时,例如,只在需要它的时候才创建(懒加载)。

值得指出的是,通过使用工厂函数(在我们的例子中是createProxy()),我们可以将代码从用于生成代理。

创建一个可写入的日志流

为了实现一个代理模式的例子,现在我们创建一个可写入Streams的例子,通过拦截对write()函数的全部调用,然后对于每次调用记录一条信息。我们会使用对象组合来实现我们的代理,创建一个loggingWritable.js文件来实现:

const fs = require('fs');

function createLoggingWritable(writableOrig) {
  const proto = Object.getPrototypeOf(writableOrig);

  function LoggingWritable(writableOrig) {
    this.writableOrig = writableOrig;
  }

  LoggingWritable.prototype = Object.create(proto);

  LoggingWritable.prototype.write = function(chunk, encoding, callback) {
    if(!callback && typeof encoding === 'function') {
      callback = encoding;
      encoding = undefined;
    }
    console.log('Writing ', chunk);
    return this.writableOrig.write(chunk, encoding, function() {
      console.log('Finished writing ', chunk);
      callback && callback();
    });
  };

  LoggingWritable.prototype.on = function() {
    return this.writableOrig.on
      .apply(this.writableOrig, arguments);
  };

  LoggingWritable.prototype.end = function() {
    return this.writableOrig.end
      .apply(this.writableOrig, arguments);
  };

  return new LoggingWritable(writableOrig);
}

在前面的代码中,我们创建了一个返回代理对象的代理版本的工厂函数,工厂函数需要传递主体对象作为参数。我们覆盖了write()方法,每次调用write()时都会将消息记录到标准输出,并且每次异步操作完成时都会记录消息。这也是创建异步函数的代理的一个很好的例子,因为我们知道代理回调函数也是必要的。这是在诸如Node.js的平台中要考虑的重要细节。 其余的方法on()end()只是委托给原来的可写入的Streams(为了让代码更加精简,我们没有考虑可写入接口的其他方法)。 现在我们可以在loggingWritable.js模块中添加几行代码来测试我们刚创建的代理:

const writable = fs.createWriteStream('test.txt');
const writableProxy = createLoggingWritable(writable);

writableProxy.write('First chunk');
writableProxy.write('Second chunk');
writable.write('This is not logged');
writableProxy.end();

因为使用对象组合,这个代理不会改变Streams或者它的外部行为的原有接口,如果我们运行前面的代码,我们现在回看到每个数据块写入Streams的过程透明地写到控制台中。

代理生态-函数钩子和AOP

在众多的设计模式中,代理模式在Node.js以及生态系统中都是相当流行的模式。实际上,我们可以找到几个允许我们简化代理创建的库,大部分时间利用对象增强作为实现方法。在社区中,这个模式也可以称为函数挂钩,或者有时称为面向方面的编程(AOP),它实际上是代理的一个常见应用领域。在AOP中,这些库通常允许开发人员为特定方法(或一组方法)设置执行前或执行后钩子,这些方法允许我们分别在执行建议的方法之前和之后执行自定义代码。

有时,代理也被称为中间件,因为在中间件模式中(我们将在本章后面会看到),它们允许我们对函数的输入/输出进行预处理和后处理。有时,他们也允许使用类似中间件的管道为同一方法注册多个钩子。

npm上有几个库允许我们用很少的努力实现函数钩子。其中有hookshooker,和meld

ES2015的Proxy

ES2015规范引入了一个名为Proxy的全局对象,它可以从开始在Node.js v6.0中使用。

Proxy API包含一个Proxy构造函数,它接受一个target和一个handler作为参数:

const proxy = new Proxy(target, handler);

这里,target表示应用代理的对象(我们的规范定义的主体对象),而handler是定义代理行为的特殊对象。

handler对象包含一系列具有预定义名称的可选方法,这些方法称为陷阱方法(例如,applygetsethas),这些方法在代理实例上执行相应的操作时会自动调用。

为了更好地理解这个API的工作原理,我们来看一个例子:

const scientist = {
  name: 'nikola',
  surname: 'tesla'
};
const uppercaseScientist = new Proxy(scientist, {
  get: (target, property) => target[property].toUpperCase()
});
console.log(uppercaseScientist.name, uppercaseScientist.surname);
// NIKOLA TESLA

在这个例子中,我们使用Proxy API来拦截对目标对象scientist属性的所有访问,并将属性的原始值转换为大写字符串。

如果你仔细看看这个例子,你可能会注意到这个API的一些特别的东西:它允许我们拦截对目标对象的通用属性的访问。这是可能的,因为API不仅仅是一个简单的包装来促进代理对象的创建,就像我们在本章前面部分所定义的那样;相反,它是深入集成到JavaScript语言本身的一个特性,它使开发人员能够拦截和定制可以在对象上执行的许多操作。这个特性开创了一些新的有趣的场景,这些场景在元编程,运算符重载和对象虚拟化之前是不容易实现的。

我们来看另一个例子来阐述这个概念:

const evenNumbers = new Proxy([], {
  get: (target, index) => index * 2,
  has: (target, number) => number % 2 === 0
});
console.log(2 in evenNumbers); // true
console.log(5 in evenNumbers); // false
console.log(evenNumbers[7]); // 14

在这个例子中,我们正在创建一个包含所有偶数的虚拟数组。它可以作为常规数组使用,这意味着我们可以使用常规数组语法访问数组中的每一项(例如,evenNumbers[7]),或者使用in运算符检查数组中是否存在元素(例如,偶数中有2个)。该数组被认为是虚拟的,因为我们从不在其中存储数据。 看一下这个实现,这个代理使用一个空的数组作为目标,然后在处理程序中定义陷阱gethas

get陷阱拦截对数组元素的访问,返回给定索引的双倍,而是拦截in运算符的用法,并检查给定的数字是否是偶数。

Proxy API支持一些其他有趣的陷阱,如setdelete,和construct,并允许我们创建代理,可以根据需要撤销,禁用所有的陷阱和恢复target对象的原始行为。

分析所有这些功能超出了本章的范围。这里重要的是理解Proxy API提供了一个强大的基础,以便在需要时利用代理模式。

如果您想了解更多关于Proxy API的知识并发现其所有功能和陷阱方法,请参阅Mozilla的本文中的更多内容: https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Proxy 。 另一个很好的来源是来自Google的详细文章: https://developers.google.com/web/updates/2016/02/es2015-proxies

实际应用场景

MongooseMongoDB的一个流行的对象文档映射(ODM)库。 在内部,它使用hooksinitvalidatesaveremove函数提供预处理和后处理的钩子函数。有关官方文档,请参阅Mongoose的官方文档

装饰者模式(Decorator

装饰者模式是一种结构模式,由动态增加现有对象的行为组成。 这与经典继承不同,因为行为不会添加到同一类的所有对象中,而只会添加到明确装饰的实例中。

从实现的角度来看,它与代理模式非常相似,但不是增强或修改对象的现有接口的行为,而是使用新功能增强它,如下图所示:

在上图中,Decorator对象通过添加methodC()操作来扩展Component对象。

通常将现有的方法委托给装饰对象,而无需进一步处理。 当然,如果需要,我们可以轻松地组合代理模式,以便对现有方法的调用也可以被拦截和操纵。

实现装饰者模式的技巧

虽然代理模式和装饰者模式在概念上是两种不同的模式,不同的模式,他们实际上共享相同的实施策略。让我们来回顾一下。

对象组合

使用组合,被装饰的组件通常被包裹在继承它的新对象周围。在这种情况下,装饰器只需要定义新的方法,而将现有的方法委托给原始组件:

function decorate(component) {
  const proto = Object.getPrototypeOf(component);

  function Decorator(component) {
    this.component = component;
  }
  Decorator.prototype = Object.create(proto);
  // 新方法
  Decorator.prototype.greetings = function() {
    return 'Hi!';
  };
  // 委托方法
  Decorator.prototype.hello = function() {
    return this.component.hello.apply(this.component, arguments);
  };
  return new Decorator(component);
}

对象增强

装饰者模式也可以通过简单地将新方法直接附加到被装饰对象来实现,如下所示:

function decorate(component) {
  // 新方法
  component.greetings = () => {
    return component;
  };
}

对于使用对象组合和对象增强在代理模式的缺陷也同样适用于装饰者模式。现在让我们通过一个实例来练习装饰者模式!

装饰一个LevelUP数据库

在我们开始编码下一个例子之前,先说一下我们现在要使用的模块LevelUP

介绍LevelUPLevelDB

LevelUPGoogleLevelDB上的一个Node.js包装器,它是最初为了在Chrome浏览器中实现IndexedDB而创建的键/值存储库,但它远不止于此。由于其极简主义和可扩展性,LevelDBDominic Tarr定义为“Node.js的数据库”。像Node.js一样,LevelDB提供了非常高效的性能,只有最基本的一组功能,允许开发人员在其上构建任何类型的数据库。 Node.js社区(在这种情况下是Rod Vagg)并没有错过通过创建LevelUP将这个数据库的强大功能带入Node.js的机会。作为LevelDB的包装,它演变成支持从内存存储到其他NoSQL数据库(如RiakRedis)到Web存储引擎(如IndexedDBlocalStorage)的几种后端,使我们可以在服务器和客户端上使用相同的API,开放了一些非常有趣的场景。

现在,LevelUP已经形成了一个完整的生态系统,由插件和模块组成,扩展了微型核心,实现复制,二级索引,实时更新,查询引擎等功能。而且,完整的数据库是建立在LevelUP之上的,包括CouchDB的克隆(例如PouchDBCouchUP),甚至包括图数据库,levelgraph,它可以在Node.js和浏览器上工作!

了解更多关于LevelUP生态系统的信息: https://github.com/rvagg/node-levelup/wiki/Modules

实现一个LevelUP插件

在下一个示例中,我们将展示如何使用装饰者模式为LevelUP创建一个简单的插件,特别是使用对象增强技术,这是最简单但仍然最实用且最有效的方法来装饰对象能力。

为了方便,我们将使用level,它捆绑了levelup和名为leveldown的默认适配器,后者使用LevelDB作为后端。

我们想要构建的是一个LevelUP的插件,它允许我们在每次将具有特定模式的对象保存到数据库时接收通知。 例如,如果我们订阅{a: 1}这种类型的对象,我们希望在保存诸如{a: 1, b: 3}{a: 1, c: 'x'}的对象时收到通知进入数据库。

我们开始通过创建一个名为levelSubscribe.js的新模块来构建我们的小插件。 然后我们将插入下面的代码:

module.exports = function levelSubscribe(db) {
  db.subscribe = (pattern, listener) => {       //[1]
    db.on('put', (key, val) => {         //[2]
      const match = Object.keys(pattern).every(
        k => (pattern[k] === val[k])     //[3]
      );
      
      if(match) {
        listener(key, val);            //[4]
      }
    });
  };
  return db;
};

这就是我们的插件,它非常简单。让我们简单看看在前面的代码中会发生什么:

  1. 用一个名为subscribe()的新方法来装饰db对象。并且使用对象增强的方式直接将方法直接附加到提供的db实例。
  2. 监听对数据库进行的任何put操作。
  3. 执行了一个非常简单的模式匹配算法,它验证了所提供的模式中的所有属性。
  4. 一旦匹配成功,通知监听者。

现在让我们来创建一些代码 - 在一个名为levelSubscribeTest.js的新文件中 - 试用我们的新插件:

const level = require('level'); // [1]
const levelSubscribe = require('./levelSubscribe'); // [2]

let db = level(__dirname + '/db', {valueEncoding: 'json'});

db = levelSubscribe(db);
db.subscribe(
  {doctype: 'tweet', language: 'en'}, // [3]
  (k, val) => console.log(val)
);

db.put('1', {doctype: 'tweet', text: 'Hi', language: 'en'}); //[4]
db.put('2', {doctype: 'company', name: 'ACME Co.'});

这就是我们在前面的代码中所做的:

  1. 首先,我们初始化我们的LevelUP数据库,选择存储文件的目录以及这些值的默认编码。
  2. 然后,我们附上我们的插件,它装饰原始的db对象。
  3. 此时,我们准备使用由我们的插件提供的新特性,即subscribe()方法,在那里我们订阅包含doctype: "tweet"language: "en"属性的对象。
  4. 最后,我们使用put来保存数据库中的一些值。 第一个调用将触发与订阅相关的回调,我们将看到存储在控制台中的对象。这是因为在这种情况下,对象匹配订阅。相反,第二个调用将不会生成任何输出,因为存储的对象将不符合订阅条件。

这个例子展示了装饰者模式在其最简单实现中的实际应用:对象 增强。它看起来像一个普通的模式,但是如果使用得当,它无疑是很强大的。

为了简单起见,我们的插件只能与put操作结合使用,但是实际上对于batch操作也可以使用装饰者模式来进行拓展。

实际应用场景

有关更多使用装饰器的更多示例,我们可能要阅读一些更多的LevelUP插件的代码:

  • level-inverted-index:这是一个插件,它将倒排索引添加到LevelUP数据库中,允许我们在存储在数据库中的值上执行简单的文本搜索。
  • level-plus:这是一个将原子更新添加到LevelUP数据库的插件。

适配器模式(Adapter

适配器模式允许我们使用不同的接口访问对象的功能。顾名思义,它适配一个对象,以便它可以被不同接口调用。

下图阐述了适配器模式情况:

上图显示了Adapter对象的本质是Adaptee对象的包装,暴露了一个不同的接口。该图还突出显示了Adapter对象的操作也可以是Adaptee对象上一个或多个方法调用的组合。从实现的角度来看,最常见的技术是组合,其中Adapter的方法为Adaptee的方法提供了桥梁。这个模式非常简单,让我们举例说明。

通过文件系统API使用LevelUP

现在我们将围绕LevelUP API构建一个适配器,将其转换为与核心fs模块兼容的接口。 特别是,我们将确保每次调用readFile()writeFile()都将转化为对db.get()db.put()的调用。 这样我们就可以使用一个LevelUP数据库作为简单文件系统操作的存储后端。

首先创建一个名为fsAdapter.js的新模块。 我们将首先加载依赖关系并导出我们要用来构建适配器createFsAdapter()工厂函数:

const path = require('path');
module.exports = function createFsAdapter(db) {
  const fs = {};
  // ...
}

接下来,我们会在工厂函数内实现readFile()函数,确保它的接口 与fs模块某一个原有函数是兼容的:

fs.readFile = function(filename, options, callback) {
  if (typeof options === 'function') {
    callback = options;
    options = {};
  } else if (typeof options === 'string') {
    options = {
      encoding: options
    };
  }
  db.get(path.resolve(filename), { //[1]
      valueEncoding: options.encoding
    },
    function(err, value) {
      if (err) {
        if (err.type === 'NotFoundError') { //[2]
          err = new Error('ENOENT, open \'' + filename + '\'');
          err.code = 'ENOENT';
          err.errno = 34;
          err.path = filename;
        }
        return callback && callback(err);
      }
      callback && callback(null, value); //[3]
    }
  );
};

在前面的代码中,我们不得不做一些额外的工作,以确保我们的新函数的行为尽可能接近原始的fs.readFile()函数。

该函数所执行的步骤如下所述:

  1. 为了从db类提取一个文件,我们使用filename作为key调用db.get(),使用它的完整的路径(使用path.resolve())。我们设置valueEncoding的值,等于作为输入参数的任意encoding选项。
  2. 如果key在数据库没有找到,我们创建一个带有ENOENT作为错误码的error,错误码fs模块用来表示一个不存在的文件。其余的error转发给callback
  3. 如果key-value对从数据库中成功提取,我们会使用callbackvalue返回给调用者。

我们可以看到,我们创建的函数相当粗糙, 它并不可能成为fs.readFile()函数的完美替代品,但是在最常见的情况下它肯定会完成它的工作。

为了完成我们的fs模块适配器插件,现在让我们看看如何实现writeFile()函数:

fs.writeFile = (filename, contents, options, callback) => {
  if (typeof options === 'function') {
    callback = options;
    options = {};
  } else if (typeof options === 'string') {
    options = {
      encoding: options
    };
  }
  db.put(path.resolve(filename), contents, {
    valueEncoding: options.encoding
  }, callback);
}

另外,在这种情况下,我们没有进行完美的包装和适配,因为我们忽略了一些选项,比如对于文件权限(options.mode)来说,我们会按照原样传递从数据库收到的任何错误。

最后,我们只需要返回fs对象并使用下面这行代码关闭工厂函数:

return fs;

fsAdapter.js完整代码:

const path = require('path');

module.exports = function createFsAdapter(db) {
  const fs = {};

  fs.readFile = (filename, options, callback) => {
    if (typeof options === 'function') {
      callback = options;
      options = {};
    } else if(typeof options === 'string') {
      options = {encoding: options};
    }

    db.get(path.resolve(filename), {         //[1]
        valueEncoding: options.encoding
      },
      (err, value) => {
        if(err) {
          if(err.type === 'NotFoundError') {       //[2]
            err = new Error(`ENOENT, open "${filename}"`);
            err.code = 'ENOENT';
            err.errno = 34;
            err.path = filename;
          }
          return callback && callback(err);
        }
        callback && callback(null, value);       //[3]
      }
    );
  };

  fs.writeFile = (filename, contents, options, callback) => {
    if(typeof options === 'function') {
      callback = options;
      options = {};
    } else if(typeof options === 'string') {
      options = {encoding: options};
    }

    db.put(path.resolve(filename), contents, {
      valueEncoding: options.encoding
    }, callback);
  };

  return fs;
};

我们的新适配器插件已经准备就绪;如果我们现在编写一个测试模块,我们可以尝试使用它:

const fs = require('fs');

fs.writeFile('file.txt', 'Hello!', () => {
  fs.readFile('file.txt', {encoding: 'utf8'}, (err, res) => {
    console.log(res);
  });
});

// 试图读取不存在的文件
fs.readFile('missing.txt', {encoding: 'utf8'}, (err, res) => {
  console.log(err);
});

上面的代码使用原始的fs API在文件系统上执行一些读写操作,并应该在控制台上打印如下内容:

{ [Error: ENOENT, open 'missing.txt'] errno: 34, code: 'ENOENT', path: 'missing.txt' }
Hello!

现在,我们可以尝试用我们的适配器替换fs模块,如下所示:

const levelup = require('level');
const fsAdapter = require('./fsAdapter');
const db = levelup('./fsDB', {
  valueEncoding: 'binary'
});
const fs = fsAdapter(db);

再次运行我们的程序应该产生相同的输出,除了我们指定的文件没有任何部分是使用文件系统读取或写入的。相反,使用我们的适配器执行的任何操作都将转换为在LevelUP数据库上执行的操作。

我们刚创建的适配器可能看起来很傻,因为我们不明确使用数据库代替真正的文件系统的目的是什么。但是,我们应该记住,LevelUP本身具有适配器,可以使数据库也在浏览器中运行;其中一个适配器是level.js。现在我们的适配器应该是完美的。我们可以考虑使用它来与依赖于fs模块的浏览器代码共享!例如,我们在Chapter 3-Asynchronous Control Flow Patterns with Callbacks中创建的Web爬虫应用程序使用fs API来存储在其操作期间下载的网页;我们的适配器将允许它在浏览器中运行只需稍作修改!我们很快就会意识到,在涉及到与浏览器共享代码时,适配器模式也是一个非常重要的模式,我们将在Chapter8-Universal JavaScript for Web Applications中详细介绍。

实际应用场景

适配器模式有很多实际应用场景的例子,在这里列出一些最值得注意的例子进行分析:

策略模式(Strategy

策略模式通过将可变部分提取为单独的,可交换的对象Strategy来使对象Context支持其逻辑中的变化。Context实现通用逻辑,而策略实现了可变部分,允许上下文根据不同因素(如输入值,系统配置或用户偏好)调整其行为。这些策略通常是解决方案的一部分,他们都实现了相同的接口,这是Context对象所期望的接口。下图显示了我们刚刚描述的情况:

上图显示了Context对象如何将不同的策略插入到其结构中,就好像它们是一个机器的可替换部分一样。想象一下汽车,其轮胎可以视为适应不同路况的策略。我们可以安装冬季轮胎在雪路上行驶,这要归功于他们的螺栓,而我们可以决定为高速公路行驶的高性能轮胎做长途旅行。一方面,我们不想把整个车改变,另一方面,我们不想要一辆八轮车,这样就可以在任何一条路上行驶。

我们很快就明白这种模式有多强大,不仅有助于分离算法中的关注点,而且还使其具有更好的灵活性并适应同一问题的不同变化。

策略模式在支持算法变化需要复杂的条件逻辑(大量的if...elseswitch语句)或混合同一族不同算法的所有情况下特别有用。设想一个名为Order的对象,表示一个电子商务网站的在线订单。该对象有一个名为pay()的方法,就像它说的那样,完成订单并将资金从用户转移到商城用户。

为了支持不同的支付系统,我们有几个选项,如下所示:

  • pay()方法中使用if...else语句来完成基于操作的操作。
  • 在选择的付款选项上将支付的逻辑委托给实现用户选择的特定支付网关逻辑的策略对象。

在第一种解决方案中,我们的订单对象不能支持其他支付方式,除非其代码被修改。而且,当支付选项的数量增加时,这可能变得相当复杂。相反,使用策略模式使得Order对象支持几乎无限数量的支付方法,并且保持其范围仅限于管理用户的细节,购买的项目和相对价格,同时将完成支付的工作委派给另一个对象。

现在让我们用一个简单实际的例子来展示这个模式。

多格式配置对象

让我们考虑一个名为Config的对象,该对象包含应用程序使用的一组配置参数,例如数据库URL,服务器的侦听端口等。Config对象应该能够提供一个简单的接口来访问这些参数,而且还可以使用持久性存储(如文件)导入和导出配置。我们希望能够支持不同的格式来存储配置,例如JSONINIYAML

通过应用我们了解的策略模式,我们可以立即识别Config对象的变量部分,这是允许我们序列化和反序列化配置的功能。

让我们创建一个名为config.js的新模块,让我们定义配置管理器的通用部分:

const fs = require('fs');
const objectPath = require('object-path');
class Config {
  constructor(strategy) {
    this.data = {};
    this.strategy = strategy;
  }
  get(path) {
    return objectPath.get(this.data, path);
  }
  // ...
}

在前面的代码中,我们将配置数据封装到一个实例变量(this.data)中,然后我们提供了set()get()方法,允许我们使用object-path访问配置属性(例如,property.subProperty),通过利用object-path。在构造函数中,我们也采取了一种策略作为输入,它代表解析和序列化数据的算法。

现在让我们看看我们将如何使用策略,开始编写Config类的剩余部分:

const fs = require('fs');
const objectPath = require('object-path');

class Config {
  constructor(strategy) {
    this.data = {};
    this.strategy = strategy;
  }

  get(path) {
    return objectPath.get(this.data, path);
  }

  set(path, value) {
    return objectPath.set(this.data, path, value);
  }

  read(file) {
    console.log(`Deserializing from ${file}`);
    this.data = this.strategy.deserialize(fs.readFileSync(file, 'utf-8'));
  }

  save(file) {
    console.log(`Serializing to ${file}`);
    fs.writeFileSync(file, this.strategy.serialize(this.data));
  }
}

module.exports = Config;

在前面的代码中,当从文件中读取配置时,我们将反序列化任务委托给策略;那么当我们想把配置保存到文件中时,我们使用策略来序列化配置。这个简单的设计允许Config对象在加载和保存数据时支持不同的文件格式。

为了演示这一点,我们在一个名为strategies.js的文件中创建一些策略。 让我们从解析和序列化JSON数据的策略开始:

module.exports.json = {
  deserialize: data => JSON.parse(data),
  serialize: data => JSON.stringify(data, null, '  ')
}

没有什么复杂的!我们的策略简单地实现了接口,以便它可以被Config对象使用。

同样,我们要创建的下一个策略允许我们支持INI文件格式:

const ini = require('ini'); // https://npmjs.org/package/ini
module.exports.ini = {
  deserialize: data => ini.parse(data),
  serialize: data => ini.stringify(data)
}

现在,为了向您展示如何结合在一起,我们创建一个名为configTest.js的文件,让我们尝试使用不同的格式文件加载和保存示例配置:

const Config = require('./config');
const strategies = require('./strategies');
const jsonConfig = new Config(strategies.json);
jsonConfig.read('samples/conf.json');
jsonConfig.set('book.nodejs', 'design patterns');
jsonConfig.save('samples/conf_mod.json');
const iniConfig = new Config(strategies.ini);
iniConfig.read('samples/conf.ini');
iniConfig.set('book.nodejs', 'design patterns');
iniConfig.save('samples/conf_mod.ini');

我们的测试模块揭示了策略模式的属性。我们只定义了一个Config类,它实现了我们的配置管理器的公共部分,同时改变了用于序列化和反序列化的策略,允许我们创建支持不同文件格式的不同Config实例。

前面的例子只显示了使用策略模式实现多格式配置对象的方法之一。其他有效的方法可能如下:

  • 创建两个不同的策略系列:一个用于反序列化,另一个用于序列化。这将允许从格式读取并保存到另一个格式。
  • 根据所提供文件的扩展名,动态选择策略;Config对象可以保持一个map extension->strategy,并用它来为给定的扩展名选择正确的算法。

正如我们所看到的,有几种选择使用策略的选择,正确的选择取决于我们的要求,以及我们希望获得的特性/简单性的折衷。

而且,模式本身的实现可能会有很大的不同,例如,以其最简单的形式,contextstrategy都可以是简单的函数:

function context(strategy) {...}

尽管前面的情况看起来可能微不足道,但在JavaScript等编程语言中,函数是一等公民,并且可以用作完全成熟的对象。

在所有这些变化之间,不变的是模式背后的思想;模式的实现可以稍微改变,但驱动模式实现的核心概念永远是一样的。

实际应用场景

Passport.jsNode.js的认证框架,它允许在Web服务器上支持不同的认证方案。通过Passport,我们可以轻松使用Facebook登录或使用Twitter登录功能到我们的Web应用程序。Passport使用策略模式将认证过程中所需的公共逻辑与可以更改的部分(即实际的认证步骤)分开。例如,我们可能想要使用OAuth来获取访问令牌来访问FacebookTwitter个人资料,或者只需使用本地数据库来验证用户名/密码。对于Passport,这些都是完成身份验证过程的不同策略,正如我们所能想象的,这使得这个库可以支持几乎无限的身份验证服务。客户以看看 http://passportjs.org/guide/providers 上支持的不同身份验证,以了解策略模式可以执行的操作。

状态模式(State

状态模式是策略模式的变体,策略根据Context的状态而变化。 我们在前面的章节已经看到,如何根据用户的偏好,配置参数和提供的输入等不同的变量来选择一个策略,一旦这个选择完成,策略在Context剩余的寿命期间保持不变。

相反,在状态模式中,策略(在这种情况下也称为状态)是动态的,可以在Context的生命周期中改变,从而允许其行为根据其内部状态进行调整,如下图所示:

想象一下,我们有一个酒店预订系统和一个Reservation对象来模拟房间预订。

这是一个经典的情况,我们必须根据其状态来调整对象的行为。考虑以下一系列事件:

  1. 当订单初始创建时,用户可以使用confirm()方法确认订单;当然,他们不能使用cancel()方法取消预约,因为订单还没有被确认。但是,如果他们在购买之前改变主意,他们可以使用delete()方法删除它。
  2. 一旦确认订单,再次使用confirm()方法没有任何意义;不过,现在应该可以取消预约,但不能再删除,因为要保留对应记录。
  3. 在预约日期前一天,不应取消订单。因为这太迟了。

现在想象一下,我们必须实现我们在一个单一的对象中描述的预订系统;我们已经可以画出所有的if...else或者switch语句逻辑图,这些语句是我们必须写的,以便根据预留的状态来启用/禁用每个动作。

在这种情况下,状态模式是完美的:将会有三种策略,全部实现描述的三个方法(confirm()cancel()delete()),每个只执行一个行为,一个策略对应于一种状态。通过使用状态模式,Reservation对象从一个行为切换到另一个行为应该是非常容易的。这只需要在每个状态变化上激活一个不同的策略。

状态转换可以由Context对象,客户端代码或State对象本身启动和控制。通常由State对象本身控制,因为这在灵活性和解耦方面效果较好,因为Context对象不必知道所有可能的状态以及如何在它们之间转换。

实现一个基本的fail-safe socket

现在我们来看一个具体的例子,以便我们能够运用我们所了解到的状态模式。让我们建立一个客户端TCP套接字,当与服务器的连接丢失时不会丢失客户端请求;相反,我们希望将服务器处于脱机状态的时间内发送的所有数据进行排队,然后在连接重新建立后立即尝试发送。我们希望在一个简单的监控系统中利用这个套接字,在这个系统中,一组机器每隔一段时间发送一些关于资源利用率的统计信息;如果收集这些资源的服务器关闭,则我们的套接字将继续在本地排队数据,直到服务器重新联机为止。

首先创建一个名为failsafeSocket.js的模块来表示我们的context对象:

const OfflineState = require('./offlineState');
const OnlineState = require('./onlineState');

class FailsafeSocket {
  constructor (options) { // [1]
    this.options = options;
    this.queue = [];
    this.currentState = null;
    this.socket = null;
    this.states = {
      offline: new OfflineState(this),
      online: new OnlineState(this)
    };
    this.changeState('offline');
  }

  changeState (state) { // [2]
    console.log('Activating state: ' + state);
    this.currentState = this.states[state];
    this.currentState.activate();
  }

  send(data) { // [3]
    this.currentState.send(data);
  }
}

module.exports = options => {
  return new FailsafeSocket(options);
};

FailsafeSocket类由三个主要元素组成:

  1. 构造函数初始化各种数据结构,包括将包含在套接字脱机时发送的任何数据的队列。此外,它还创建了一组两个状态,一个用于在脱机状态下实现套接字的行为,另一个用于在套接字处于联机状态时的状态。
  2. changeState()方法负责从一个状态转换到另一个状态。 它只是更新currentState实例变量,并调用目标状态的activate()
  3. send()方法是套接字的功能,这是我们希望基于离线/在线状态具有不同行为的地方。我们可以看到,这是通过将操作委托给当前活动状态来完成的。

现在让我们来看看这两个状态是什么样子的,从offlineState.js模块开始:

const jot = require('json-over-tcp'); // [1]

module.exports = class OfflineState {

  constructor (failsafeSocket) {
    this.failsafeSocket = failsafeSocket;
  }

  send(data) { // [2]
    this.failsafeSocket.queue.push(data);
  }

  activate() { // [3]
    const retry = () => {
      setTimeout(() => this.activate(), 500);
    };

    this.failsafeSocket.socket = jot.connect(
      this.failsafeSocket.options,
      () => {
        this.failsafeSocket.socket.removeListener('error', retry);
        this.failsafeSocket.changeState('online');
      }
    );
    this.failsafeSocket.socket.once('error', retry);
  }
};

我们创建的模块负责在脱机状态下管理套接字的行为:

  1. 我们将使用一个名为json-over-tcp的库来代替使用原始的TCP套接字,这将使我们能够轻松地在一个TCP连接中发送JSON对象。
  2. send()方法只负责排队它接收到的任何数据。我们假设我们是离线的,这就是我们需要做的。
  3. activate()方法尝试使用json-over-tcp与服务器建立连接。如果操作失败,则在500毫秒后再次尝试。它会继续尝试,直到建立有效的连接,在这种情况下,failafeSocket的状态将转换为联机状态。

接下来,让我们实现onlineState.js模块,然后让我们实现onlineState策略,如下所示:

module.exports = class OnlineState {
  constructor(failsafeSocket) {
    this.failsafeSocket = failsafeSocket;
  }

  send(data) { // [1]
    this.failsafeSocket.socket.write(data);
  };

  activate() { // [2]
    this.failsafeSocket.queue.forEach(data => {
      this.failsafeSocket.socket.write(data);
    });
    this.failsafeSocket.queue = [];

    this.failsafeSocket.socket.once('error', () => {
      this.failsafeSocket.changeState('offline');
    });
  }
};

OnlineState策略非常简单,解释如下:

  1. send()方法直接将数据写入套接字,因为我们假设TCP已连接。
  2. activate()方法刷新套接字处于脱机状态时排队的所有数据,并且还开始监听任何error事件;我们将把这个作为套接字下线的前兆。发生这种情况时,我们转换到offline状态。

这就是failsafeSocket;现在我们准备构建一个示例客户端和一个服务器来尝试。把服务器代码放在一个名为server.js的模块中:

const jot = require('json-over-tcp');
const server = jot.createServer({
  port: 5000
});
server.on('connection', socket => {
  socket.on('data', data => {
    console.log('Client data', data);
  });
});

server.listen({
  port: 5000
}, () => console.log('Started'));

注意:原书的代码有错,现在的jot.createServer()接受的参数是一个对象,这里把书上的5000改为{ post: 5000 }

然后看客户端代码client.js

const createFailsafeSocket = require('./failsafeSocket');
const failsafeSocket = createFailsafeSocket({
  port: 5000
});
setInterval(() => {
  // 每隔1000毫秒发送当前内存使用状态
  failsafeSocket.send(process.memoryUsage());
}, 1000);

我们的服务器只是打印它接收到的任何JSON对象消息给控制台,而我们的客户端利用一个FailsafeSocket对象每秒发送一次内存利用率的测量值。

尝试构建的小型系统,我们应该运行客户端和服务器,然后通过停止然后重新启动服务器来测试failafeSocket的功能。 我们应该看到,客户端的状态在线和离线之间发生了变化,服务器离线时收集的任何请求都会排队,然后在服务器重新联机后重新发送。

这个例子应该清楚地说明状态模式如何能够帮助增加一个组件的模块化和可读性,这个组件必须根据状态来调整它的行为。

我们在本节中构建的FailsafeSocket类仅用于演示状态模式,并不希望成为处理TCP套接字内连接问题的完整且100%可靠的解决方案。例如,我们不验证写入套接字流,而让所有数据都被服务器接收到,这将需要更多与我们想描述的模式无关的代码。

模板模式(Template

我们将要分析的下一个模式叫做模板模式,它与策略模式有许多共同点。模板由定义一个抽象的伪类组成,它代表了算法的框架,其中一些步骤是未定义的。然后子类可以通过实现缺少的步骤填充算法中的空白,称为模板方法。这种模式的目的是使定义一个类的家族成为可能,这些类都是类似算法的变体。下面的UML图显示了我们刚刚描述的结构:

上图中显示的三个具体类扩展了Template并为templateMethod()提供了一个实现,使用C++术语来说,该实现方法是抽象或者说是虚函数;在JavaScript中,这意味着该方法是未定义的或被分配给一个总是抛出异常的函数,这表明该方法必须被实现。模板模式可以被认为比我们目前所看到的其他模式更加符合面向对象思想,因为继承是其实现的核心部分。

模板模式和策略模式的目的非常相似,但两者的主要区别在于它们的结构和实现。两者都允许我们改变算法的某些部分,同时重用公共部分;然而,尽管策略模式允许我们在运行时动态地执行它,但使用模板模式完成算法是在具体类被定义的时候确定的。在这些假设下,模板模式可能更适合那些我们想要创建一个算法的预先打包的变体的情况。与往常一样,一种模式与另一种模式的选择取决于开发者,他们必须考虑每个用例的各种利弊。

使用模板模式的配置管理器

为了更好地了解模板模式和状态模式之间的区别,现在让我们重新实现我们在关于策略模式的章节中定义的Config对象,但是这次使用模板模式。就像以前版本的Config对象一样,我们希望能够使用不同的文件格式来加载和保存一组配置属性。

首先定义模板类,我们将其称为ConfigTemplate

const fs = require('fs');
const objectPath = require('object-path');
class ConfigTemplate {
  read(file) {
    console.log(`Deserializing from ${file}`);
    this.data = this._deserialize(fs.readFileSync(file, 'utf-8'));
  }
  save(file) {
    console.log(`Serializing to ${file}`);
    fs.writeFileSync(file, this._serialize(this.data));
  }
  get(path) {
    return objectPath.get(this.data, path);
  }
  set(path, value) {
    return objectPath.set(this.data, path, value);
  }
  _serialize() {
    throw new Error('_serialize() must be implemented');
  }
  _deserialize() {
    throw new Error('_deserialize() must be implemented');
  }
}
module.exports = ConfigTemplate;

新的ConfigTemplate类定义了两个模板方法:_deserialize()_serialize(),它们是执行加载和保存配置所需的。 名称开头的下划线表示它们仅供内部使用,这是一种标记受保护方法的简单方法。由于在JavaScript中我们不能将方法声明为抽象方法,我们简单地将它们定义为存根,如果它们被调用(即,如果它们没有被具体子类覆盖)则抛出异常。

现在让我们使用我们的模板创建一个具体的类,例如,允许我们使用JSON格式加载和保存配置:

const util = require('util');
const ConfigTemplate = require('./configTemplate');
class JsonConfig extends ConfigTemplate {
  _deserialize(data) {
    return JSON.parse(data);
  };
  _serialize(data) {
    return JSON.stringify(data, null, ' ');
  }
}
module.exports = JsonConfig;

JsonConfig类从我们的模板,ConfigTemplate类和 为_deserialize()_serialize()方法提供了一个具体的实现。JsonConfig类现在可以作为独立的配置对象使用,而不使用 需要指定一个序列化和反序列化的策略,因为它是在类本身中实现的:

const JsonConfig = require('./jsonConfig');

const jsonConfig = new JsonConfig();
jsonConfig.read('samples/conf.json');
jsonConfig.set('nodejs', 'design patterns');
jsonConfig.save('samples/conf_mod.json');

通过使用模板模式,我们可以通过重复使用从父模板类继承的逻辑和接口,仅提供一些抽象方法的实现,从而使我们能够获得一个全新的完全配置管理器。

实际应用场景

这种模式不应该听起来对我们来说是全新的。我们已经在Chapter 5-Coding with Streams时遇到过它,当我们扩展不同的Streams类来实现我们的自定义流。在这种情况下,模板方法是_write()_read()_transform()_flush()方法,具体取决于我们想要实现的流类。要创建一个新的自定义流,我们需要从一个特定的抽象流类继承,为模板方法提供一个实现。

命令模式(Command

命令模式是在Node.js中另一个重要的设计模式。在其最通用的定义中,命令模式封装了主体对象信息,并对主体对象执行一个动作,而不是在主体对象上直接调用一个方法或一个函数,我们创建一个对象invocation执行这样一个 调用;那么实现这个意图将是另一个组件的责任,将其转化为实际行动。传统上,这个模式是围绕着四个主要的组件,如下图所示:

命令模式的典型组织可以描述如下:

  • Command:这是封装调用一个必要信息的对象方法或功能。
  • Client:这将创建该命令并将其提供给调用者。
  • Invoker:这是负责执行目标上的命令。
  • Target(或Receiver):这是调用的主题。它可以是一个单独的功能或对象的方法。

正如我们将看到的,这四个组件可以根据我们想要的方式变化很多实施模式;在这一点上,这听起来不是什么新鲜事。使用命令模式而不是直接执行一个操作有好几个。

优点和应用:

  • 命令可以安排在稍后执行。
  • 一个命令可以很容易地序列化并通过网络发送。这很简单,属性允许我们在远程机器上分配作业,传输命令
  • 从浏览器到服务器,创建RPC系统等等。
  • 通过命令可以很容易地在系统上保存所有执行的操作历史记录。
  • 命令是一些数据同步算法的重要组成部分和解决冲突。
  • 计划执行的命令如果尚未执行,则可以取消。它 也可以恢复(撤消),使应用程序的状态的重点 在命令执行之前。
  • 几个命令可以组合在一起。这可以用来创建原子交易或实施一个机制,从而在所有的操作组立即执行。
  • 可以对一组命令执行不同类型的转换,例如 作为重复删除,加入和拆分,或应用更复杂的算法如 Operational Transformation (OT),这是当今大多数的基础实时协作软件,如协同文本编辑。

前面的列表清楚地向我们展示了这种模式的重要性,特别是在node.js这样的平台中,网络和异步执行是必不可少的参与者。

灵活模式

正如我们已经提到的,JavaScript中的命令模式可以通过许多不同的方式实现;我们现在只演示其中的几个,只是为了给出它的范围的概念。

任务模式

我们可以从最基本的和平凡的实现开始:任务模式。当然,JavaScript中创建一个表示调用的对象的最简单方法是创建一个关闭:

function createTask(target, args) {
  return () => {
    target.apply(null, args);
  }
}

这看起来一点也不新鲜;我们已经在书中多次使用了这种模式,特别是在第3章,带有回调的异步控制流模式中。这种技术允许我们使用单独的组件来控制和调度任务的执行,这在本质上等同于命令模式的调用者。例如,您还记得我们是如何定义传递给异步库的任务的吗?或者更好的是,你还记得我们是如何结合使用发电机的吗?回调模式本身可以被认为是命令模式的一个非常简单的版本。

较复杂的命令模式

现在让我们来处理一个更复杂的命令的示例;这一次我们希望支持撤消和序列化。让我们从命令的目标开始,这个小对象负责向Twitter这样的服务发送状态更新。为了简单起见,我们使用这种服务的模拟:

const statusUpdateService = {
  statusUpdates: {},
  sendUpdate: function(status) {
    console.log('Status sent: ' + status);
    Design Patterns
      [252]
    let id = Math.floor(Math.random() * 1000000);
    statusUpdateService.statusUpdates[id] = status;
    return id;
  },
  destroyUpdate: id => {
    console.log('Status removed: ' + id);
    delete statusUpdateService.statusUpdates[id];
  }
};

现在,让我们创建一个命令来表示新状态更新的发布:

function createSendStatusCmd(service, status) {
  let postId = null;
  const command = () => {
    postId = service.sendUpdate(status);
  };
  command.undo = () => {
    if (postId) {
      service.destroyUpdate(postId);
      postId = null;
    }
  };
  command.serialize = () => {
    return {
      type: 'status',
      action: 'post',
      status: status
    };
  };
  return command;
}

前面的函数是一个工厂,它生成新的sendstate命令。每个命令实现以下三个功能:

  1. 命令本身是一个函数,当调用它时,它将触发操作;换句话说,它实现了我们前面看到的任务模式。该命令在执行时将使用目标服务的方法发送新的状态更新。
  2. 连接到主任务的auto()函数,该函数恢复操作的效果。在我们的例子中,我们只是调用目标服务上的deadyupdate()方法。
  3. serialize()函数,它构建一个json对象,该对象包含重建同一个命令对象所需的所有信息。 在此之后,我们可以构建一个调用程序;我们可以通过实现它的构造函数和它的run()方法来开始:
class Invoker {
  constructor() {
    this.history = [];
  }
  run(cmd) {
    this.history.push(cmd);
    cmd();
    console.log('Command executed', cmd.serialize());
  }
}

前面定义的run()方法是Invoker的基本功能;它负责将命令保存到history实例变量中,然后触发命令本身的执行。接下来,我们可以添加一个延迟执行命令的新方法:

delay(cmd, delay) {
  setTimeout(() => {
    this.run(cmd);
  }, delay)
}

然后,我们可以实现一个undo()方法来恢复最后一个命令:

undo() {
  const cmd = this.history.pop();
  cmd.undo();
  console.log('Command undone', cmd.serialize());
}

最后,我们还希望能够在远程服务器上运行命令,方法是使用Web服务序列化并通过网络传输命令:

runRemotely(cmd) {
  request.post('http://localhost:3000/cmd', {
      json: cmd.serialize()
    },
    err => {
      console.log('Command executed remotely', cmd.serialize());
    }
  );
}

既然我们有了命令、调用程序和目标,唯一缺少的组件就是客户端。让我们从实例化Invoker开始:

const invoker = new Invoker();

然后,我们可以使用以下代码行创建一个命令:

const command = createSendStatusCmd(statusUpdateService, 'HI!');

现在我们有了一个命令,表示状态消息的发布;然后我们可以决定立即发送它:

invoker.run(command);

但是,我们犯了一个错误;让我们恢复到时间线的状态,就像发送最后一条消息之前的情况一样:

invoker.undo();

我们还可以决定从现在起一小时内发送消息:

invoker.delay(command, 1000 * 60 * 60);

或者,我们可以通过将任务迁移到另一台机器来分配应用程序的负载:

invoker.runRemotely(command);

我们刚刚创建的一个小例子展示了如何在命令中包装一个操作可以打开一个可能性的世界,这只是冰山一角。

正如最后的讨论,值得注意的是,只有在真正需要的时候才会使用成熟的命令模式。事实上,我们看到了我们需要编写多少额外的代码来简单地调用statuupdatesservice方法;如果我们所需要的只是一个调用,那么一个复杂的命令就会被杀死。但是,如果我们需要安排任务的执行,或者运行异步操作,那么简单的任务模式提供了最好的折衷。如果相反,我们需要更高级的特性,如撤销支持、转换、冲突解决,或者我们前面描述的其他花哨用例之一,那么对命令使用更复杂的表示几乎是必要的。

中间件模式(Middleware

Node.js中最有特色的模式之一绝对是中间件模式。不幸的是,对于没有经验的人来说,这也是最令人困惑的事情之一,特别是来自企业架构的开发人员。疑惑的原因可能与中间件这个术语的含义有关,中间件在企业架构术语中表示各种软件套件,这些软件套件有助于抽象OS API网络通信内存管理等较底层的操作,允许开发人员只关注应用程序的商业案例。在这种情况下,中间件回顾了诸如CORBAEnterprise Service BusSpringJBoss等主题,但是在更通用的意义上,它也可以定义任何类型的软件层,它们在低级服务和应用程序字面上是中间的软件)。

Express的中间件

Node.js中,Express广泛使用中间件模式。在Express中,事实上,中间件表示一组服务,通常是函数,它们被组织在一个pipeline中,负责处理传入的HTTP请求和进行响应。

Express是一个非常独特和简约的网络框架。使用中间件模式是一种有效的策略,它允许开发人员轻松创建、分发、添加新功能到当前应用程序。

Express中间件是以下形式:

function(req, res, next) { ... }

在这里,req是传入的HTTP请求,res是响应,next是当前中间件完成其任务时调用的回调,用来触发pipeline中的下一个中间件。Express中间件执行的任务包括以下内容:

  • 解析请求的body
  • 压缩/解压reqres对象
  • 生成访问日志
  • 管理sessions
  • 管理加密的cookie
  • 提供跨站请求伪造(CSRF)保护

这些都是与应用程序的主要业务逻辑没有严格关联的任务,也不是Web服务器最核心的部分;它们是应用程序公共功能的中间件,使得实际的请求处理程序只关注其主要业务逻辑。从本质上讲,这些公共中间件是很有必要的。

中间件的模式

Express中实现中间件的技术并不新鲜,实际上,它可以被看作是拦截过滤器模式和责任链模式的Node.js版本。用更一般的术语来说,它也代表了一个pipeline。现在的Node.js中,中间件这个术语不只是在Express框架中广泛使用,而是代表着一种特殊的模式,即一组处理单元,过滤器和处理程序以函数的形式连接起来形成一个异步序列,这个异步序列可以对任何类型数据进行预处理和后处理。这种模式的主要优点是灵活性;实际上,这种模式使我们能够以极低的代价生成Node.js基础架构,对于添加应用程序拓展和插件上提供了一种便捷灵活的方式。

如果您想了解更多关于拦截过滤器模式,可以阅读下面这篇文章: http://www.oracle.com/technetwork/java/interceptingfilter-142169.html , 这篇文章也很好地讲述了责任链模式: http://java.dzone.com/articles/design-patterns-uncovered-chain-of-responsibility

下图显示了中间件模式的组件:

该模式的基本组成部分是中间件管理器,负责组织和执行中间件功能。模式最重要的实现细节如下:

  • 新的中间件可以通过调用use()函数来注册(这个函数的名字在这个模式的许多实现中是一个常见的约定,但我们可以选择任何名字)。通常情况下,新的中间件只能附加在pipeline的末尾,但这不是一个严格的规则。
  • 当接收到新数据进行处理时,注册的中间件在异步顺序执行流程中被调用。pipeline中的每个单元接收前一个单元的执行结果作为输入。
  • 每个中间件都可以通过简单地不调用回调或者向回调传递错误来决定停止进一步处理数据。错误情况通常会触发执行另一个专门用于处理错误的中间件序列。

数据如何在pipeline中处理和传输没有严格的规定。一般说来处理数据的方式有以下几点:

  • 为结果数据增加额外的属性或方法,用于拓展数据
  • 用某种处理的结果替换结果数据
  • 保持数据不变,但总是返回处理结果的副本

如何选取中间件在pipeline中传输的策略,取决于中间件管理器的实现方式以及中间件本身执行的处理类型。

ØMQ创建一个中间件框架

现在让我们通过围绕ØMQ消息传递库构建一个中间件框架来演示中间件模式。ØMQ(也称为ZMQZeroMQ)提供了一个简单的接口,用于通过各种协议在网络中交换原子消息;它的性能绝佳,其基本的抽象集是专门构建的,以促进自定义消息体系结构的实现。因此,经常选择ØMQ来构建复杂的分布式系统。

Chapter11-Messaging and Integration Patterns,我们将有机会更详细地分析ØMQ的特性。

ØMQ的接口相当低级;它只允许我们为消息使用字符串和二进制缓冲区,所以任何编码或数据的自定义格式都必须由库的用户来实现。

在下一个示例中,我们将构建一个中间件基础结构,以抽象通过ØMQ套接字传递的数据的预处理和后处理,以便我们可以透明地处理JSON对象,同时无缝地压缩通过线路传递的消息。

在继续该示例之前,请确保按照此URL的说明安装ØMQ库: http://zeromq.org/intro:get-the-software 。 4.0以上任何版本都应该足够用于这个例子。

中间件管理器

围绕ØMQ构建中间件基础架构的第一步是创建一个组件,负责在中间件管道中处理收到的消息和发送新消息。为此,我们创建一个名为zmqMiddlewareManager.js的新模块,并如下定义它:

module.exports = class ZmqMiddlewareManager {
  constructor(socket) {
    this.socket = socket;
    this.inboundMiddleware = []; // [1]
    this.outboundMiddleware = [];
    socket.on('message', message => { // [2]
      this.executeMiddleware(this.inboundMiddleware, {
        data: message
      });
    });
  }

  send(data) {
    const message = {
      data: data
    };

    this.executeMiddleware(this.outboundMiddleware, message,
      () => {
        this.socket.send(message.data);
      }
    );
  }

  use(middleware) {
    if (middleware.inbound) {
      this.inboundMiddleware.push(middleware.inbound);
    }
    if (middleware.outbound) {
      this.outboundMiddleware.unshift(middleware.outbound);
    }
  }

  executeMiddleware(middleware, arg, finish) {
    function iterator(index) {
      if (index === middleware.length) {
        return finish && finish();
      }
      middleware[index].call(this, arg, err => {
        if (err) {
          return console.log('There was an error: ' + err.message);
        }
        iterator.call(this, ++index);
      });
    }

    iterator.call(this, 0);
  }
};

在这个类的第一部分,我们定义了这个新组件的构造函数。 它接受一个ØMQ套接字作为参数,并且:

  1. 创建两个包含我们的中间件函数的空列表,一个用于入站消息,另一个用于出站消息。
  2. 通过将一个新的监听器附加到message事件,它立即开始监听来自套接字的新消息。在侦听器中,我们通过执行inboundMiddleware管道来处理入站消息。

ZmqMiddlewareManager类的下一个方法send负责在通过套接字发送新消息时执行中间件。

这次使用outboundMiddleware列表中的过滤器处理消息,然后将其传递给socket.send()以用于实际的网络传输。

现在,我们来谈谈use()方法。这个方法对于将新的中间件功能添加到我们的管道。每个中间件都是成对的;在我们的实现中,它是一个包含inboundoutbound两个属性的对象,这些属性则是要添加到相应列表的中间件函数。

在这里观察到,inbound中间件被pushinboundMiddleware列表的末尾,而对于outboundMiddleware列表,则使用unshift在开始处插入outbound中间件。这是因为inbound / outbound中间件函数通常需要以相反的顺序执行。例如,如果我们想要使用JSON解压缩并反序列化inbound消息,则意味着对于outbound,我们应该首先序列化并压缩。

理解这个用于组织中间件的约定不是一般模式的一部分,而只是我们具体例子的一个实现细节。

最后一个函数executeMiddleware代表了我们组件的核心,它是负责执行中间件功能的函数。这个函数的代码应该看起来很熟悉, 实际上,它是我们在Chapter3-Asynchronous Control Flow Patterns with Callbacks中学习的异步顺序迭代模式的简单实现。作为输入接收的中间件队列中的每个函数被一个接一个地执行,并且为每个中间件功能提供相同的arg对象作为参数;这是可以将数据从一个中间件传播到下一个中间件的技巧。在迭代结束时,调用finish()回调。

为了简洁,我们不支持error中间件管道。 通常,当中间件功能传播错误时,执行专门用于处理错误的另一组中间件。这可以使用我们在这里演示的相同技术轻松实现。

支持JSON消息的中间件

现在我们已经实现了中间件管理器,我们可以创建一对中间件函数来演示如何处理inboundoutbound消息。正如我们所说的,我们的中间件基础架构的目标之一就是拥有一个过滤器来对JSON消息进行序列化和反序列化,所以让我们来创建新的中间件来处理这个问题。在一个名为jsonMiddleware.js的新模块中,我们包含以下代码:

module.exports.json = () => {
  return {
    inbound: function(message, next) {
      message.data = JSON.parse(message.data.toString());
      next();
    },
    outbound: function(message, next) {
      message.data = new Buffer(JSON.stringify(message.data));
      next();
    }
  }
};

我们刚刚创建的json中间件非常简单:

  • inbound中间件将收到的消息反序列化为输入,并将结果返回给消息的data属性,以便可以沿管道进一步处理
  • outbound中间件序列化message.data中的任何数据

请注意我们框架支持的中间件与Express中使用的中间件的不同,这是完全正常的,也是我们如何适应这种模式以适应我们特定需求的完美演示。

使用ØMQ中间件框架

我们现在准备使用我们刚刚创建的中间件。为此,我们将构建一个非常简单的应用程序,客户端定期向服务器发送ping命令,服务器回显接收到的消息。

从实现的角度来看,我们将使用由ØMQ提供的req/rep套接字对

然后,我们将使用我们的zmqMiddlewareManager套接字来获得我们构建的中间件,包括用于序列化/反序列化JSON消息的中间件。

服务端

首先创建服务器端(server.js)。在模块的第一部分,我们初始化我们的组件:

const zmq = require('zmq');
const ZmqMiddlewareManager = require('./zmqMiddlewareManager');
const jsonMiddleware = require('./jsonMiddleware');
const reply = zmq.socket('rep');
reply.bind('tcp://127.0.0.1:5000');

在前面的代码中,我们加载了所需的依赖关系,并将ØMQ rep套接字绑定到本地端口。接下来,我们初始化我们的中间件:

const zmqm = new ZmqMiddlewareManager(reply);
zmqm.use(jsonMiddleware.json());

我们创建了一个新的ZmqMiddlewareManager对象,然后添加了两个中间件,一个用于压缩/解压缩消息,另一个用于解析/序列化JSON消息。

为简洁起见,我们没有展示zlib中间件的实现,但是您可以在本书附带的示例代码中找到它。

现在我们已经准备好处理来自客户的请求。我们将通过简单地添加更多的中间件来完成这个工作,这次使用它作为请求处理程序:

zmqm.use({
  inbound: function(message, next) {
    console.log('Received: ', message.data);
    if (message.data.action === 'ping') {
      this.send({
        action: 'pong',
        echo: message.data.echo
      });
    }
    next();
  }
});

由于中间件的最后一项是在zlibjson中间件之后定义的,因此我们可以透明地使用message.data变量中可用的解压缩和反序列化消息。 另一方面,传递给send()的任何数据都将由outbound中间件处理,在我们的例子中,这个中间件将序列化,然后压缩数据。

客户端

在应用程序client.js客户端,我们首先必须启动一个连接到端口5000的新的ØMQ req套接字,这个端口是我们服务器使用的端口:

const zmq = require('zmq');
const ZmqMiddlewareManager = require('./zmqMiddlewareManager');
const jsonMiddleware = require('./jsonMiddleware');
const request = zmq.socket('req');
request.connect('tcp://127.0.0.1:5000');

然后,我们需要像我们为服务器一样设置我们的中间件框架:

const zmqm = new ZmqMiddlewareManager(request);
zmqm.use(jsonMiddleware.json());

接下来,我们创建一个中间件inbound项来处理来自服务器的响应:

zmqm.use({
  inbound: function(message, next) {
    console.log('Echoed back: ', message.data);
    next();
  }
});

在前面的代码中,我们只需拦截任何inbound响应并将其打印到控制台。

最后,我们建立一个定时器来定时发送一些ping请求,总是使用zmqMiddlewareManager来获得我们中间件的所有优点:

setInterval(() => {
  zmqm.send({
    action: 'ping',
    echo: Date.now()
  });
}, 1000);

请注意,我们正在使用function关键字明确定义所有inboundoutbound函数,避免使用箭头函数语法。这是故意的,因为正如我们在Chapter1-Welcome to the Node.js Platform,箭头函数声明将函数范围阻塞到它的词法范围。对使用箭头函数定义的函数使用调用不会改变其内部作用域。换句话说,如果我们使用箭头函数,我们的中间件将不会将其识别为zmqMiddlewareManager的一个实例,并且会引发错误TypeError: this.send is not a function

我们现在可以通过首先启动服务器来尝试我们的应用:

node server

然后我们可以用下面的命令启动客户端:

node client

在这一点上,我们应该看到客户端发送消息和服务器回显他们。

我们的中间件框架完成了它的工作。它允许我们透明地解压缩/压缩和反序列化/序列化我们的消息,让handler程序专注于他们的业务逻辑!

Koa中使用Generator的中间件

在前面的段落中,我们看到了如何使用回调实现中间件模式,并将示例应用于消息传递系统。

正如我们在介绍它时看到的那样,中间件模式在Web框架中真正发挥作为一种便利的机制,可以构建可以在应用程序核心中处理输入和输出数据流的逻辑“层”。

除了Express之外,另一个大量使用中间件模式的Web框架是KoaKoa是一个非常有趣的框架,主要是因为它的激进选择是只使用ES2015生成器函数而不是使用回调来实现中间件模式。我们马上就会看到这个选择如何大大简化了中间件的编写方式,但是在转移到一些代码之前,我们可以用另一种方式来形象化中间件模式,特定于这个Web框架:

在这个表示中,我们有一个传入的请求,在进入我们的应用程序的核心之前,遍历一些中间件。这部分流程称为inbounddownstream。流程到达应用程序的核心后,再遍历所有的中间件,但这次是以相反的顺序。这允许中间件在应用的主逻辑已经被执行并且响应准备好被发送给用户之后执行其他动作。 这部分流量被称为outboundupstream

由于中间件包装核心应用程序的方式,上面的表示有时被称为程序员的“洋葱”,这让我们想起了洋葱的层次。

现在,让我们用Koa创建一个新的Web应用程序,以了解如何使用生成器函数轻松编写定制的中间件。

我们的应用程序将是一个非常简单的JSON API,它返回我们服务器中的当前时间戳。

首先,我们需要安装Koa

npm install koa

然后我们可以写我们的新app.js

const app = require('koa')();
app.use(function*() {
  this.body = {
    "now": new Date()
  };
});
app.listen(3000);

需要注意的是,我们的应用程序的核心是在app.use调用中使用Generator函数定义的。我们稍后会看到中间件以完全相同的方式添加到应用程序中,并且我们将认识到,我们的应用程序的核心是最后添加到应用程序的中间件(并且不需要依赖于另一个中间件 以下项目的中间件)。

我们的应用程序的初稿已经准备就绪。 我们现在可以运行它:

node app.js

然后,我们将浏览器指向http://localhost:3000,以查看它。

请注意,Koa会将响应转换为JSON字符串,并在将JavaScript对象设置为当前响应的主体时添加正确的内容类型标头。

我们的API运行良好,但是现在我们可能会决定保护它免受滥用,确保人们在一秒钟内完成多个请求。 这个逻辑可以被认为是我们API的业务逻辑的外部,所以我们应该通过简单地写一个新的专用中间件来添加它。我们把它写成一个叫做rateLimit.js的独立模块:

const lastCall = new Map();

module.exports = function *(next) {

  // inbound
  const now = new Date();
  if (lastCall.has(this.ip) && now.getTime() - lastCall.get(this.ip).getTime() < 1000) {
    return this.status = 429; // Too Many Requests
  }

  yield next;

  // outbound
  lastCall.set(this.ip, now);
  this.set('X-RateLimit-Reset', now.getTime() + 1000);
};

我们的模块导出一个实现我们中间件逻辑的生成器函数。

首先要注意的是,我们使用Map对象来存储从给定IP地址接收到最后一次呼叫的时间。我们将使用这个Map作为一种内存数据库,能够检查一个特定的用户是否每秒钟以超过一个请求来超载我们的服务器。当然,这个实现仅仅是一个虚拟的例子,在真实的情况下这并不理想,只使用外部存储(如RedisMemcache)和更精确的逻辑来检测过载。

我们可以看到,中间件的主体被分成两个逻辑部分,inboundoutbound,与下一个yield的分离。在inbound部分,我们还没有走到应用程序的核心,所以这是我们需要检查用户是否超出我们的费率限制的地方。如果是这样,我们只需将响应的HTTP状态码设置为429too many requests),我们返回来停止pipeline的执行。

另一个我们可以进入下一个中间件的方法是通过next调用yield。使用Generator函数和yield,中间件的执行被暂停,以执行列表中的所有其他中间件,并且只有当中间件的最后一项被执行时(应用程序的真正核心)outbound流程可以开始,并且以相反的顺序将控制权交还给每个中间件,直到第一个中间件再次被调用。

当我们的中间件再次接收到控制信号并且恢复Generator功能时,我们需要保存成功调用的时间戳,并且在请求中添加一个X-RateLimit-Reset头,以表示用户何时能够创建一个新的请求。

如果你需要一个更完整和可靠的限速中间件的实现,你可以看看koajs/ratelimit模块,https://github.com/koajs/ratelimit

为了启用这个中间件,我们需要在包含我们应用的核心逻辑的现有app.use之前在我们的app.js中添加以下行:

app.use(require('./rateLimit'));

现在看到我们的新应用程序在运行,我们需要重新启动我们的服务器,再次打开我们的浏览器。如果我们快速刷新页面几次,我们可能会达到速率限制,我们应该看到描述错误消息“太多请求”。由于将状态码设置为429并具有空的响应主体,Koa自动添加此消息。

如果您有兴趣阅读基于Koa框架中使用的生成器的中间件模式的实际实现,您可以查看koajs/compose,它是核心模块用于将一组Generator转换成一个新的Generator,该Generatorpipeline中执行原始Generator

总结

在本章中,我们了解了如何将一些传统的GOF设计模式应用于JavaScript,特别是node.js。其中一些被转换,一些被简化,另一些被重新命名或被改编,作为它们被语言、平台和社区同化的一部分。我们强调了简单的模式(如工厂模式)如何极大地提高代码的灵活性,以及如何使用代理、装饰器和适配器来操作、扩展和调整现有对象的接口。相反,策略模式、状态模式和模板模式已经向我们展示了如何将更大的算法分解为静态和可变的部分,从而使我们能够提高组件的代码重用性和可扩展性。通过学习中间件模式,我们现在能够使用简单、可扩展和优雅的范例来处理数据。最后,命令模式为我们提供了一个简单的抽象,使任何操作都更加灵活和强大。

除了观察这些被广泛接受的设计模式的JavaScript版本,我们还发现了一些在JavaScript社区中诞生和提出的新的设计模式,例如揭示构造函数和可组合的工厂函数模式。这些模式有助于处理JavaScript语言的特定方面,例如asynchronicityprototype-based programming

最后,我们获得了更多的证据,说明JavaScript是如何通过组合不同的可重用对象或函数来完成任务和构建软件的,而不是扩展许多小类或接口。此外,对于来自其他面向对象语言的开发人员来说,看到一些设计模式在JavaScript中实现时有多么不同可能会显得很奇怪;有些人可能会感到迷茫,因为知道可能不止一种设计模式,而是许多实现设计模式的不同方式。我们说,JavaScript是一种实用的语言,它允许我们快速完成任务,但是,没有任何结构或指导原则,我们就会自找麻烦。这就是这本书,尤其是这一章有用的地方。它试图在创造力和严谨性之间教出正确的平衡。它不仅显示了可以重用的模式来改进我们的代码,而且它们的实现不是最重要的细节;它可能与其他模式有很大的不同,甚至重叠。真正重要的是蓝图、指导方针和模式基础上的想法。这是真正可重用的信息,我们可以利用这些信息以有趣的方式设计更好的node.js应用程序。

在下一章中,我们将分析更多的设计模式,重点是编程的一个最有主见的方面:如何将模块组织起来并连接在一起。