JS設(shè)計(jì)模式之訪問者模式定義與用法分析
本文實(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); } } // Client var ele = new ConceteElement(); var v = new Visitor(); ele.accept( v );
訪問者模式的優(yōu)點(diǎn)
1、符合單一職責(zé)原則:凡是適用訪問者模式的場景中,元素類中需要封裝在訪問者中的操作必定是與元素類本身關(guān)系不大且是易變的操作,使用訪問者模式一方面符合單一職責(zé)原則,另一方面,因?yàn)楸环庋b的操作通常來說都是易變的,所以當(dāng)發(fā)生變化時(shí),就可以在不改變?cè)仡惐旧淼那疤嵯?,?shí)現(xiàn)對(duì)變化部分的擴(kuò)展。
2、擴(kuò)展性良好:元素類可以通過接受不同的訪問者來實(shí)現(xiàn)對(duì)不同操作的擴(kuò)展。
訪問者模式的適用場景
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ì)有所幫助。
- javascript設(shè)計(jì)模式 – 模板方法模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 觀察者模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 狀態(tài)模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 策略模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 備忘錄模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 中介者模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 命令模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 外觀模式原理與用法實(shí)例分析
- javascript設(shè)計(jì)模式 – 裝飾模式原理與應(yīng)用實(shí)例分析
- javascript設(shè)計(jì)模式 – 組合模式原理與應(yīng)用實(shí)例分析
- JS中間件設(shè)計(jì)模式的深入探討與實(shí)例分析
- javascript設(shè)計(jì)模式 – 訪問者模式原理與用法實(shí)例分析
相關(guān)文章
基于javascript的無縫滾動(dòng)動(dòng)畫1
這篇文章主要介紹了基于javascript的無縫滾動(dòng)動(dòng)畫實(shí)現(xiàn),文章通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎?”
這篇文章主要介紹了如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎?”的方法以及相關(guān)資料,需要的朋友可以參考下2015-03-03JS模式之簡單的訂閱者和發(fā)布者模式完整實(shí)例
這篇文章主要介紹了JS模式之簡單的訂閱者和發(fā)布者模式,以一個(gè)完整實(shí)例形式詳細(xì)分析了JS訂閱者和發(fā)布者模式基本實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06js中自定義方法實(shí)現(xiàn)停留幾秒sleep
js中不存在自帶的sleep方法,要想休眠要自己定義個(gè)方法,需要的朋友可以參考下2014-07-07淺談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承
下面小編就為大家?guī)硪黄獪\談JS繼承_借用構(gòu)造函數(shù) & 組合式繼承。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08關(guān)于JavaScript中name的意義沖突示例介紹
這篇文章主要介紹了關(guān)于JavaScript中name的意義沖突,需要的朋友可以參考下2014-05-05