本文實(shí)例講述了JS設(shè)計(jì)模式之訪問者模式定義與用法。分享給大家供大家參考，具體如下：

在訪問者模式中，主要包括下面幾個(gè)角色

1、抽象訪問者：抽象類或者接口，聲明訪問者可以訪問哪些元素，具體到程序中就是visit方法中的參數(shù)定義哪些對(duì)象是可以被訪問的。
2、訪問者：實(shí)現(xiàn)抽象訪問者所聲明的方法，它影響到訪問者訪問到一個(gè)類后該干什么，要做什么事情。
3、抽象元素類：接口或者抽象類，聲明接受哪一類訪問者訪問，程序上是通過accept方法中的參數(shù)來定義的。抽象元素一般有兩類方法，一部分是本身的業(yè)務(wù)邏輯，另外就是允許接收哪類訪問者來訪問。
4、元素類：實(shí)現(xiàn)抽象元素類所聲明的accept方法，通常都是visitor.visit(this)，基本上已經(jīng)形成一種定式了。
5、結(jié)構(gòu)對(duì)象：一個(gè)元素的容器，一般包含一個(gè)容納多個(gè)不同類、不同接口的容器，如List、Set、Map等，在項(xiàng)目中一般很少抽象出這個(gè)角色。

實(shí)現(xiàn)代碼：

// 訪問者function Visitor() { this.visit = function( concreteElement ) { concreteElement.doSomething(); }}// 元素類function ConceteElement() { this.doSomething = function() { console.log("這是一個(gè)具體元素"); } this.accept = function( visitor ) { visitor.visit(this); }}// Clientvar ele = new ConceteElement();var v = new Visitor();ele.accept( v );

訪問者模式的優(yōu)點(diǎn)

1、符合單一職責(zé)原則：凡是適用訪問者模式的場(chǎng)景中，元素類中需要封裝在訪問者中的操作必定是與元素類本身關(guān)系不大且是易變的操作，使用訪問者模式一方面符合單一職責(zé)原則，另一方面，因?yàn)楸环庋b的操作通常來說都是易變的，所以當(dāng)發(fā)生變化時(shí)，就可以在不改變?cè)仡惐旧淼那疤嵯拢瑢?shí)現(xiàn)對(duì)變化部分的擴(kuò)展。

2、擴(kuò)展性良好：元素類可以通過接受不同的訪問者來實(shí)現(xiàn)對(duì)不同操作的擴(kuò)展。

訪問者模式的適用場(chǎng)景

1、假如一個(gè)對(duì)象中存在著一些與本對(duì)象不相干（或者關(guān)系較弱）的操作，為了避免這些操作污染這個(gè)對(duì)象，則可以使用訪問者模式來把這些操作封裝到訪問者中去。

2、假如一組對(duì)象中，存在著相似的操作，為了避免出現(xiàn)大量重復(fù)的代碼，也可以將這些重復(fù)的操作封裝到訪問者中去。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。