重寫事件拋發(fā)接收機(jī)制原理

1、重寫事件拋發(fā)接收機(jī)制原理關(guān)于js中大事偵聽和拋發(fā)機(jī)制的一些基礎(chǔ)容易重構(gòu)，通過(guò)這個(gè)容易重構(gòu)了解中介者模式的工作方式，以下就是要做的容易重構(gòu)計(jì)劃思路：創(chuàng)建emittertarget類和emitterevent類。emittertarget類主要用法了中介模式+觀看者模式其中emittertarget類的實(shí)例化屬性list充當(dāng)中介角色，每當(dāng)執(zhí)行add辦法時(shí)，給emittertarget類的實(shí)例化對(duì)象注冊(cè)大事名稱及觸發(fā)函數(shù)；每當(dāng)該對(duì)象執(zhí)行remove辦法時(shí)，從list列表中移除注冊(cè)的大事及觸發(fā)函數(shù)；dispatchevent辦法主要是發(fā)送大事對(duì)象本體，目的是為了在指定時(shí)刻觸發(fā)大事函數(shù)以及傳遞數(shù)據(jù)參數(shù)。

2、=emittertarget類實(shí)例化對(duì)象本身就是觀看者，觀看者的特點(diǎn)是有add，remove,觸發(fā)轉(zhuǎn)變的函數(shù)(update或這里的dispatchevent)，以及應(yīng)當(dāng)實(shí)用于存放注冊(cè)信息的屬性或者單例對(duì)象。=emitterevent類主要是用來(lái)創(chuàng)建大事對(duì)象本身,在創(chuàng)建時(shí)聲明需要觸發(fā)的大事類型以及需要攜帶的參數(shù)。emittertarget.ts代碼如下：import emitterevent from "./emitterevent"interface ievent/中介者即存儲(chǔ)實(shí)例化對(duì)象綁定的大事的list的數(shù)據(jù)規(guī)范接口key:string:array;/k

3、ey是大事名,value是觸發(fā)大事函數(shù)數(shù)組export default class emittertargetprivate list:ievent=;/私有變量list,只用于辦法內(nèi)部數(shù)據(jù)存儲(chǔ)通信constructor()public addeventlistener(type:string,handler:function):voidif(!this.listtype)this.listtype=;/按照實(shí)例化對(duì)象傳進(jìn)來(lái)的大事類型推斷l(xiāng)ist列表中是否注冊(cè)該大事類型,假如沒注冊(cè)過(guò),則創(chuàng)建這個(gè)字段var index=this.listtype.indexof(handler);/看對(duì)應(yīng)的大事

4、中綁定的觸發(fā)函數(shù)數(shù)組中是否存在這個(gè)觸發(fā)函數(shù)if(index>-1) this.listtypeindex=handler;/存在則籠罩this.listtype.push(handler);/假如觸發(fā)函數(shù)之前沒有則在對(duì)應(yīng)大事綁定的觸發(fā)函數(shù)數(shù)組中新增public removeeventlistener(type:string,handler?:function):voidif(!this.listtype)return;/假如list注冊(cè)表中無(wú)大事注冊(cè),則刪除無(wú)意義,挺直返回if(handler=undefined)/假如調(diào)用該辦法沒有傳要?jiǎng)h除大事類型對(duì)應(yīng)的觸發(fā)函數(shù)就挺直將該大事類型對(duì)應(yīng)的

5、所有觸發(fā)函數(shù)刪除for(var i=0;ithis.datahandler(e);/執(zhí)行大事偵聽辦法時(shí),在注冊(cè)表中注冊(cè)大事及其觸發(fā)函數(shù)static get instance():mainif(!main._instance) main._instance=new main();return main._instance;private datahandler(e:emitterevent)/大事偵聽的觸發(fā)函數(shù)即回調(diào)函數(shù)var data:iresdata=e.data as iresdata;var command:ires;command=new resdatashow();command.exec(data.req,data.res,data.data);2.詳細(xì)拋發(fā)操作import emitterevent from "./emitterevent"import main from "./main"var evt=new emitterevent(type,req:req,res