Verstehen des Mechanismus zum Empfangen und Senden von Javascript-Ereignissen (Codebeispiel)

Der Inhalt dieses Artikels befasst sich mit dem Verständnis des JavaScript-Ereignisempfangs- und -sendemechanismus (Codebeispiele). Ich hoffe, dass er für Sie hilfreich ist.

Tatsächlich ist der Mechanismus zum Senden und Empfangen von Ereignissen sehr einfach, aber ich denke einfach nicht darüber nach

Er wird im Knotenmodul häufiger verwendet
wie zum Beispiel

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

In Vue nutzt die Übertragung von Eltern-Kind-Komponenten auch das Senden und Empfangen von Ereignissen, das Aussenden und die Produktion

Dann werfen wir einen Blick darauf

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;
}

Testen Sie es

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之间的事件监听互相不影响
//输出结果为'Jony event1' 'Jony event2'

Dies ist der Mechanismus zum Senden und Empfangen von Ereignissen.

Das obige ist der detaillierte Inhalt vonVerstehen des Mechanismus zum Empfangen und Senden von Javascript-Ereignissen (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!