這篇文章主要介紹了javascript事件接收與發(fā)送機(jī)制的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元寶雞做網(wǎng)站,已為上家服務(wù),為寶雞各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):18982081108

其實(shí)事件的發(fā)送與接收機(jī)制很簡(jiǎn)單，只是沒(méi)有去思考而已

在node模塊中使用的就會(huì)比較的多
如

var events=require('events');
var eventEmitter=new events.EventEmitter();
eventEmitter.on('say',function(name){
    console.log('Hello',name);
})
eventEmitter.emit('say','Jony yu');

在vue中也父子組件的傳遞也采用了事件的發(fā)送與接收，emit和on來(lái)制作

那么接下來(lái)我們來(lái)看一看吧

function myEvent() {

    this.on = function() {
        if (!this.handles) {
            this.handles = {};
        }
        if (!this.handles[eventName]) {
            this.handles[eventName] = [];
        }
        this.handles[eventName].push(callBack);
    }

    this.emit = function() {
        if (this.handles[eventName]) {
            for (var i = 0; o < this.handles[eventName].length; i++) {
                this.handles[eventName][i](obj);
            }
        }
    }
    return this;
}

測(cè)試一下

var event1=new Events();
var event2=new Events();
event1.on('say',function(){
    console.log('Jony event1');
});
event2.on('say',function(){
    console.log('Jony event2');
})
event1.emit('say');
event2.emit('say');
//event1、event2之間的事件監(jiān)聽(tīng)互相不影響
//輸出結(jié)果為'Jony event1' 'Jony event2'

這就是事件發(fā)送與接收的機(jī)制。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript事件接收與發(fā)送機(jī)制的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

網(wǎng)頁(yè)標(biāo)題：javascript事件接收與發(fā)送機(jī)制的示例分析-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/cdeedd.html