Kann ich ein benutzerdefiniertes Ereignis erstellen, die in Javascript für ein Objekt das ich erstellt?

Angenommen ich habe ein Objekt mit einer member-Funktion, die zurückgibt, selbst:

/* -- Object 1 -- */
function Object1(){
    this.me      = new Image(10,10);
    this.me.src  = "someImgUrl.jpg";
    this.publish = function(){
        return this.me;
    }
}

In der Produktion:

var Obj1 = new Object1();
document.body.appendChild( Obj1.publish() );

Nun, angenommen, ich wollte eine Veranstaltung erstellen, die auslöst, wenn das Objekt die publish () - Methode aufgerufen wird, aber nach dem Bild zurückgegeben (so etwas wie eine "onPublished ()" - Ereignis). Sagen wir, um das Bild zu ändern Abmessungen 100x100. Wie würde ich es schaffen, und wo würde ich die "befestigen" kann?

Wenn ich mich nicht deutlich genug, bitte lassen Sie mich wissen. Dies ist die einfachste demo, die ich denken konnte.

InformationsquelleAutor Daniel Szabo | 2010-11-26
  1. 8

    Einem einfachen Beispiel:

    function Object1() {
    'use strict';

    this.me = new Image(10, 10);
    this.me.src = "someImgUrl.jpg";
    this.publish = function() {
        if (typeof this.onPublish === "function") {
            setTimeout(this.onPublish, 1);
        }

        return this.me;
    };
}

var Obj1 = new Object1();
Obj1.onPublish = function() {
  //do stuff
};

Obj1.publish();
    • Dieses sieht wie es wird ausgeführt, die onPublish () - Ereignis, bevor das Bild zurückgegeben (wenn das nicht der Fall ist, lassen Sie es mich bitte wissen). Was würde ich tun, wenn ich wollte, um das Feuer nach der Rückkehr statt?
    • Was du meinst, "vor dem veröffentlichen-Methode zurückgegeben wurde, das Bild"? Die onPublish () - Methode aufgerufen wird, bevor die publish () - Aufruf zurückgegeben wird, natürlich, aber meinst du, nachdem das Bild geladen wurde?
    • Ich habe aktualisiert das Beispiel. Jetzt ist es async, also es wird der Rückruf in die event-Schleife, ebenso wie, wie ein Ereignis-handler werden sollte.
    • Ah. Ich sehe. Viel Dank, galambazs. Ich Schätze Ihre Zeit.
    InformationsquelleAutor gblazex
  2. 0

    Alternativ dazu, können Sie einige 3rd-party-framework (wie bob.js) zu definieren, benutzerdefinierte Ereignisse auf Ihre Objekte. Es gibt zwei Ansätze, aber ich zeige nur eins:

    var DataListener = function() { 
    var fire = bob.event.namedEvent(this, 'received'); 
    this.start = function(count) { 
        for (var i = 0; i < count; i++) { 
            fire(i + 1); 
        } 
    }; 
}; 
var listener = new DataListener(); 
listener.add_received(function(data) { 
    console.log('data received: ' + data); 
}); 
listener.start(5); 
//Output: 
//data received: 1 
//data received: 2 
//data received: 3 
//data received: 4 
//data received: 5
    InformationsquelleAutor Tengiz
Schreibe einen Kommentar