【译】设计？模式？咱们在软件开发中仍然考虑吗？

时间 2019-12-05

标签设计模式咱们软件开发仍然考虑繁體版

原文原文链接

确定的。编程

在面向对象编程中，咱们，开发者们，努力去把咱们的世界模型化。如此，尝试和使用周围的世界做为一种描述咱们的创造的工具是有意义的。设计模式

在这种状况下，咱们从建筑（就是写建筑物和桥梁的那个）中选取一页，这本书有深远影响的建筑书籍叫【模式语言：乡镇，建筑，构造】，由 Christopher Alexander，Sara Ishikawa，Murray Silverstein 撰写，这里模式是这样描述的：框架

每一个模式描述了一个在咱们环境中不断发生的问题，同时描述了问题解决方案的核心，这种方式下你可使用数千次这样的解决方法。不用一样的方式重复两次。异步

在软件开发中，建筑是用健康，健壮和可维护的方式构造的过程，而且模式提供了一种命名方法去解决常见问题。这些解决方案从抽象/形象到十分精确和专业中变化，而且让开发者有效的相互交流。ide

若是团队中两个或者更多开发者都有关于模式的认识，讨论问题的解决方案将会变得十分高效。若是只有一个开发者了解模式，那么跟团队的其余人员解释一般是简单的。函数

这篇文章的目的在于经过给你介绍软件设计模式的概念和展现一些有趣的在如今 JavaScript 项目中大量使用的模式来激发你对软件开发中一些正式表示的知识。工具

单例模式

是什么

单例模式并非最普遍使用的，可是咱们从这里开始是由于它比较好理解。单元测试

单例模式来源于单例的数学概念，以下：学习

在数学中，一个单例，也就是一个单元集，是一个肯定元素的集合。好比：集合 {null} 是一个单例。测试

在软件中，简单解释为，咱们为单个对象限制了类的实例。单例模式实现类的对象第一次应该被实例化，它实际上会获得实例。任何随后的实例化尝试将会返回第一个实例。

当蝙蝠侠在这里，谁会须要两个超级英雄呢？

为何

除了咱们只能拥有一个超级英雄时（蝙蝠侠显然是），为何咱们会使用单例模式？

虽然单例模式自己没有问题（它以前被称做骗子，如今叫作恶魔），它仍然有本身的用处。最显著的是它能够做为配置对象的实例。你可能只须要在应用中有一个配置实例，除非提供多个配置是应用的特性。

哪里用

Angular 服务是单例模式在流行框架中使用的最好的例子。这篇文章在 Angular 文档中解释了如何确保服务始终是做为单例使用的。

单例服务有不少意义，由于服务用来储存状态，配置和容许组件交流，同时你想去肯定没有多个实例搞乱这些概念。

做为例子，假设你有一个不重要的应用用来统计按钮的点击次数：

你应该保持按钮点击的数量的追踪，在一个对象里提供：

计数功能
提供当前点击数

若是对象不是单例模式（按钮有他们本身的实例），点击就不会正确。并且，哪个计数实例是你提供组件展现当前计数的？

观察者模式

是什么

观察者模式定义以下：

观察者模式在软件设计模式中这样定义，一组叫作主题的对象，维护它的依赖列表，叫作观察者，同时自动通知它们任何状态改变，一般经过调用它们的方法。

观察者模式十分容易理解，若是咱们跟真实世界的例子比较——报纸订阅。

一般可能发生的状况是，当你购买一份报纸，须要走到报刊亭，询问你喜欢的报纸的新期刊是否出版。若是没有，这是一个无效的糟糕状况，你不得不走回家过一会再来试试。在 JavaScript 术语中，状况相似，当不断轮询直到你获得本身想要的。

当你最后获得报纸，整个时间你能够作想作的——坐下来品尝咖啡看看报纸（一样，在 JavaScript 中，能够执行你一直想要的回调函数）。

最终

聪明一点的作法（天天获得你最爱的报纸）是订阅这个报纸。

这种方式，当报纸的新期刊出版时，发行公司会通知你而且把报纸投递给你。不须要再跑到报刊亭。不须要在失望。狂欢吧。

在 JavaScript 中，你再也不须要循环请求结果直到你运行函数。你能够，替代地，让主题知道你对一些事件（消息）感兴趣，而后提供一个回调，它会在新数据准备好后通知你。这时候，你就是观察者。

用不在早上错过报纸

最棒的事情在于——你不必定是惟一的订阅者。当你因错过报纸而沮丧时，其余人也是。这就是为何多个观察者能够订阅这个主题。

为何

观察者模式有不少使用场景，可是一般，它应该被用于当你但愿建立一对多的依赖，在对象没有紧密结合的对象间，同时可能让不定数量的对象知道什么时候状态改变。

JavaScript 对观察者模式来讲是个好地方，由于一切都是事件驱动，而不是总在询问是否事件发生了，你应该让事件通知你（像是一句古老谚语：“不要电话咱们，咱们会电话你”）。

有可能你已经作了一些像观察者模式的事——addEventListener。给元素添加事件监听具有全部观察者模式的特征：

你能够订阅一个对象
你能够取消订阅一个对象
对象能够对全部订阅者广播

学习观察者模式的最大优点在于你能够实行本身的主题或者更快抓住一个已经存在的解决方案。

哪里用

实现一个基本的观察者并不困难，不过这里有个很棒的库用于不少项目，它是 ReactiveX，它的 RxJS 是 JavaScript 版的。

RxJS 容许你不只订阅主题，并且提供任何能想象的方式的转换数据的可能，组合多个订阅，处理异步工做更容易和不少不少其余的。若是你曾经想让你的数据处理和转换过程更上一级，RxJS是一个不错的学习的库。

除了观察者模式，ReactiveX 为实现了迭代器模式而自豪，它让主题可能知道它的订阅者什么时候订阅结束，从而有效地结束了主题订阅。这篇文章中我不解释什么是迭代器模式，它是个不错的练习，让你学习更多同时看看如何适应观察者模式。

外观模式

是什么

外观模式的名字取自建筑学。在建筑学中：

外观一般是建筑的外部一侧，通常是前部。这是来自法语，它的意思的“正面”或者“脸部”。

在建筑学中的外观是指建筑的外表，隐藏了内部的工做，软件开发的外观模式试着隐藏在正面之下深层的复杂，有效地让你经过 API 工做，这样当你想去改变隐藏代码时提供了改变的可能。

为何

你能够在各类场景下使用外观模式，可是最显著的一个场景是让你的代码更容易理解（隐藏复杂）同时让依赖尽量松耦合。

哦呀咔！

很容易看到为何外观对象（或多对象层）是一件很棒的事。若是能避免，你不会想去面对恶龙。外观对象将给你提供不错的 API，同时处理全部恶龙本身的鬼把戏。

另外不错的事是咱们在这里能够改变恶龙的外观，从没有接触其他应用的背景之中。假如你想用小猫来改变龙的外观。它仍然有爪子，可是更容易喂养。改变外观要重写一些代码，在外观下不须要改变任何依赖的对象。

哪里用

你常常看到外观的地方是 Angular 使用它的服务做为简单的背景逻辑。但不止是 Angular，下面的例子你也会看到。

若是说你想给本身的应用添加状态管理。你能够试试 Redux，NgRx，Akita，MobX，Apollo或者任何新流行的东西。那么，为何不选择它们带它们兜兜风？

基本功能的状态管理库提供了什么给你？

可能有：

一种让状态管理指导你想去改变状态的方式
一种得到当前状态的方式

听起来不差。

如今，在你背带下用外观模式的力量，你能够为状态的每一个部分修改外观，这些状态将会提供一个不错的 API 为你工做——好比像，facade.startSpinner(), facade.stopSpinner(),facade.getSpinnerState()。这些方法容易理解和分析缘由。

以后，你能处理外观，修改代码，让代码转换成在 Apollo 下有效的（用 GraphQL管理状态——如此正确）。你或许注意到它一点不适合你的代码方式，或者单元测试的方式不得不从新修改。没关系，写一个新的外观，来支持 MobX。

或许也是一条龙

从这里来，到哪里去

你可能注意到咱们没有讨论过设计模式的代码实现。这是由于每一种设计模式在书中至少是一章内容。

如今咱们来看看这些书，看看一两本深刻的设计模式不会有什么坏处。

首先要推荐的是 设计模式：可复用的面向对象软件的基础，一堆大佬写的。这书有黄金屋的，软件设计模式的圣经。

若是你在找更简单的那么：head first 设计模式系列也不错。

但不止这些，试着搜索，读读不一样的实现。即便你历来没有使用过模式或者技巧，你也能学到一些东西，在没有预料的方式下成长。