JS 是一门混合范型语言，所以JS 也支持面向对象编程，而设计模式则号称后 ES6 时代 JS 或 TS 面向对象编程的最佳实践。本期共享的是，JS 中面向对象编程和设计模式的集大成者。

前言 本文是在前端开发实践设计模式专栏中的最后一篇，其实还有很多设计模式，没有给大家阐述，倒不是说那些设计模式不重要，而是在现在的前端开发中几乎不会用到。 目前基于MVVM的前端框架已经深入人心了，框

我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处： JS生态已经有很多模块了，有些模块封装得非常好，我们使用起来很方便，比如jQuery，Vue等。如果我们仔细去看这些模块的源码，我们会发现他们的封装都是…

我想很多和我一样的朋友小时候都看过《天龙八部》，里面的女主角王语嫣是个武学博才，但自己却毫无实战。比如段誉和慕容复交手时，她连连口述指导："段郎，二龙爪手，抢珠三式，当心你的腰肋，注意你的气户穴。潘月偷心，扶手相望......"，虽然看着感觉都是一些最基本的拳脚功夫，但有解说在…

本文介绍的设计模式主要有策略/状态模式，外观模式，迭代器模式，备忘录模式。 假如我们需要做一个计算器，需要支持加减乘除，为了判断用户具体需要进行哪个操作，我们需要4个if...else来进行判断，如果支持更多操作，那if...else会更长，不利于阅读，看着也不优雅。所以我们可…

我们写的代码都是为了一定的需求服务的，但是这些需求并不是一成不变的，当需求变更了，如果我们代码的扩展性很好，我们可能只需要简单的添加或者删除模块就行了，如果扩展性不好，可能所有代码都需要重写，那就是一场灾难了，所以提高代码的扩展性是势在必行的。怎样才算有好的扩展性呢？好的扩展性…

责任链（Chain of Responsibility）模式的定义：为了避免请求发送者与多个请求处理者耦合在一起，将所有请求的处理者通过前一对象记住其下一个对象的引用而连成一条链；当有请求发生时，可将请求沿着这条链传递，直到有对象处理它为止。（此处引自 gof 设计模式） 在责…

首先看下设计模式6大原则的概览。 1、开闭原则 | 对扩展开放，对修改关闭。 2、里氏代换原则 | 子类都可以做到代替基类的出现。 3、依赖倒转原则 | 针对接口编程，依赖于抽象而非具体。 4、接口隔离原则 | 使用多个隔离的接口，比使用单个接口要好。（降低类之间的耦合度） 5…

设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作为一名合格的前端工程师,学习设计模式是对自己工作经验的另一种方式的总结和反思,也是开发高质量,高可维护性,…