JS设计模式之访问者模式定义与用法分析
本文实例讲述了JS设计模式之访问者模式定义与用法。分享给大家供大家参考，具体如下：
在访问者模式中，主要包括下面几个角色
1、抽象访问者：抽象类或者接口，声明访问者可以访问哪些元素，具体到程序中就是visit方法中的参数定义哪些对象是可以被访问的。
2、访问者：实现抽象访问者所声明的方法，它影响到访问者访问到一个类后该干什么，要做什么事情。
3、抽象元素类：接口或者抽象类，声明接受哪一类访问者访问，程序上是通过accept方法中的参数来定义的。抽象元素一般有两类方法，一部分是本身的业务逻辑，另外就是允许接收哪类访问者来访问。
4、元素类：实现抽象元素类所声明的accept方法，通常都是visitor.visit(this)，基本上已经形成一种定式了。
5、结构对象：一个元素的容器，一般包含一个容纳多个不同类、不同接口的容器，如List、Set、Map等，在项目中一般很少抽象出这个角色。
实现代码：
// 访问者
function Visitor() {
this.visit = function( concreteElement ) {
concreteElement.doSomething();
}
}
// 元素类
function ConceteElement() {
this.doSomething = function() {
console.log("这是一个具体元素");
}
this.accept = function( visitor ) {
visitor.visit(this);
}
}
// Client
var ele = new ConceteElement();
var v = new Visitor();
ele.accept( v );
访问者模式的优点
1、符合单一职责原则：凡是适用访问者模式的场景中，元素类中需要封装在访问者中的操作必定是与元素类本身关系不大且是易变的操作，使用访问者模式一方面符合单一职责原则，另一方面，因为被封装的操作通常来说都是易变的，所以当发生变化时，就可以在不改变元素类本身的前提下，实现对变化部分的扩展。
2、扩展性良好：元素类可以通过接受不同的访问者来实现对不同操作的扩展。
访问者模式的适用场景
1、假如一个对象中存在着一些与本对象不相干（或者关系较弱）的操作，为了避免这些操作污染这个对象，则可以使用访问者模式来把这些操作封装到访问者中去。
2、假如一组对象中，存在着相似的操作，为了避免出现大量重复的代码，也可以将这些重复的操作封装到访问者中去。
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
- javascript设计模式 – 模板方法模式原理与用法实例分析
- javascript设计模式 – 观察者模式原理与用法实例分析
- javascript设计模式 – 状态模式原理与用法实例分析
- javascript设计模式 – 策略模式原理与用法实例分析
- javascript设计模式 – 备忘录模式原理与用法实例分析
- javascript设计模式 – 中介者模式原理与用法实例分析
- javascript设计模式 – 命令模式原理与用法实例分析
- javascript设计模式 – 外观模式原理与用法实例分析
- javascript设计模式 – 装饰模式原理与应用实例分析
- javascript设计模式 – 组合模式原理与应用实例分析
- JS中间件设计模式的深入探讨与实例分析
- javascript设计模式 – 访问者模式原理与用法实例分析
相关文章
以下是平时收集的几个常用代码段，大多数是从网上搜集而来。也均为未找到是谁谁原创，是否允许转载等要求， 所以如果看到的朋友发现其中有些代码是自己写的，还请原谅在下转帖出来。2011-10-10
这篇文章主要介绍了基于javascript的无缝滚动动画实现，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”
这篇文章主要介绍了如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”的方法以及相关资料,需要的朋友可以参考下2015-03-03
JS分成三个大的部分：ECMAScript、DOM API、BOM API，其中：ECMAScript是让前端开发建立基本的编程思维。但是要想真正来写一个更加复杂的有交互式的页面,还需要WebAPI的支持，相当于把后端编程实现成前端交互。DOM+BOM就组成了WebAPI2022-06-06
这篇文章主要介绍了JS模式之简单的订阅者和发布者模式,以一个完整实例形式详细分析了JS订阅者和发布者模式基本实现技巧,需要的朋友可以参考下2015-06-06
js中不存在自带的sleep方法，要想休眠要自己定义个方法,需要的朋友可以参考下2014-07-07
Bootstrap每天必学之表格，向大家分享了几种最为常用的各种列表展示，希望大家喜欢。2015-11-11
下面小编就为大家带来一篇浅谈JS继承_借用构造函数 & 组合式继承。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
本文主要介绍了纯JS实现弹性导航条效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了关于JavaScript中name的意义冲突,需要的朋友可以参考下2014-05-05
最新评论