
js设计模式
文章平均质量分 60
holyZhengs
热爱学习,热爱前端
展开
-
JavaScript设计模式系列三:建造者模式
建造者模式建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。优点建造者模式的封装性很好,对象本身与构建过程解耦。建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成。适用场景需要生成的对象具有复杂得内部结构;且原创 2017-12-21 00:54:29 · 370 阅读 · 0 评论 -
JavaScript设计模式系列二:单例模式
单例模式 前言:本系列代码实现可在GitHub地址 JS设计模式代码实现 上找到,欢迎前来查看。什么是单例模式?单例模式的定义:一个类仅有一个实例,并且可以在全局访问。 什么时候需要用到单例模式呢?其实单例模式在日常开发中的使用非常的广泛,例如各种浮窗、像登录浮窗等,无论我们点击多少次,都是同一个浮窗,浮窗从始至终只创建了一次。这种场景就十分适合运用单例模式。代码实现我们创建一个“最老的人”原创 2017-12-21 20:37:18 · 361 阅读 · 0 评论 -
JavaScript设计模式系列一:工厂模式
设计模式设计模式(design pattern)概念: 是一套反复使用、思想成熟、经过分类和无数实战设计经验的总结。是为了代码可重用、可扩展、可解耦、更容易被人理解和保证代码可靠性。设计模式共有23种,我今天先来了解一下工厂模式(Factory Pattern),其他的模式将会在后续的博客中陆续为大家讲解。 前言:本系列代码已上传GitHub地址https://github.com/HolyZ原创 2017-12-21 21:16:37 · 274 阅读 · 0 评论 -
JavaScript设计模式系列五:适配器模式
什么是适配器模式所谓 适配器模式 就是用一个新的接口对现有的接口进行包装,处理类与API的不匹配。使用这种模式的对象又叫作包装器。 比如我们有一个接口:function api (x1, x2, x3) { console.log(x1 + x2 + x3); // 用console.log来模拟接口的相关操作}然后我们有一个对象数据:var obj = {原创 2018-01-29 00:11:24 · 592 阅读 · 0 评论 -
JavaScript设计模式系列四:原型模式
什么是原型模式原型模式 (Prototype pattern):通俗点讲就是创建一个共享的原型,并通过拷贝这些原型创建新的对象。用于创建重复的对象,这种类型的设计模式属于创建型模式,它提供了一种创建对象的不错选择。原创 2018-01-21 01:12:24 · 389 阅读 · 1 评论 -
JavaScript设计模式系列六:桥接模式
桥接模式桥接(Bridge)是用于把抽象化与现实化解耦,使得二者可以独立变化,这种类型的设计模式属于结构型模式,它通过提供抽象化和现实化之间的桥接结构,实现二者的解耦。原创 2018-02-12 14:21:52 · 333 阅读 · 0 评论 -
JavaScript设计模式系列七:装饰者模式
装饰者模式装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象,用于通过重载方法的形式添加新功能,该模式可以在被装饰者的前面或后面加上自己的行为以达到特定的目的。 简单的理解:给对象动态添加职责的方式称为装饰着模式。 举一个简单的例子:var xiaoming = function () { this.run = function () { return ...原创 2018-02-17 11:52:02 · 327 阅读 · 0 评论