Comprendre le mécanisme de réception et d'envoi d'événements javascript (exemple de code)

Le contenu de cet article concerne la compréhension du mécanisme de réception et d'envoi d'événements JavaScript (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

En fait, le mécanisme d'envoi et de réception d'événements est très simple, mais je n'y pense tout simplement pas

Il est davantage utilisé dans le module de nœud
tel. comme

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

En vue, la transmission des composants parent-enfant utilise également l'envoi et la réception d'événements, émettre et produire

Alors jetons un coup d'oeil

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

Testez-le

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'

C'est le mécanisme d'envoi et de réception d'événements.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!