addEventListener und der Umfang dieses

Habe ich einen Dritten flash-Objekt, welches ich Bearbeiten können über eine javascript-API, die Sie zur Verfügung gestellt. Ich bin tryind zu hören, um ein Ereignis auf das Objekt und dann das Feuer ein Ereignis in meinem Objekt, um weitere bubble up der Veranstaltung. Ich bin zufällig zu sein, mit EXT Js, aber ich dont denke, es ist wichtig hier.

Beispielcode

this.chart.addEventListener('create', function() {
    this.fireEvent('created');
}, false)

Mein problem ist, dass "this" innerhalb der anonymen Funktion bezieht sich auf das Objekt, feuerte die Veranstaltung eher als mein Objekt, dass ich möchte, um ein Ereignis auszulösen, auf.

Ihr noch weitere scope-Ausgabe. Vielen Dank im Voraus für jede Hilfe.

InformationsquelleAutor Jonnio | 2009-11-26
  1. 1

    Dies ist der typische Ansatz für dieses problem:-

    (function(self) {
  self.chart.addEventListener('create', function() {self.fireEvent('created');}, false);
})(this);
    • Ich bevorzuge var self = this;. Sie eine Funktion erstellen und die dann ausführen, während die übergabe this als parameter scheint ein wenig über Bord - der code ist etwas länger auch 😉
    • Ja das Tue ich oft, dass auch wenn der code vorhanden ist, in einem kleinen Ausführungskontext. Aber das oben ist die standard-Ansatz, das Werk in einer größeren Vielfalt von Szenarien. Der Umfang der self Bezeichner beschränkt sich nur auf die Schließung, es besteht keine Gefahr, dass nachfolgende code ändern Sie den Wert in Ihr enthalten ist, bevor das Ereignis ausgelöst wird. Das ist nicht wahr der var self = this; Ansatz.
    InformationsquelleAutor AnthonyWJones
  2. 13

    Was über das anlegen einer externen variable, bevor die Referenzierung von "this" - Objekt.
    Zum Beispiel:

    var _this = this;
this.chart.addEventListener('create', function() { _this.fireEvent('created'); }, false)
    • Ja, das ist die normale Redewendung. Die closure-variable wird oft als that oder self (obwohl ich nicht glaube, das letztere ist eine gute Idee, wie self aufgebaut hat — obwohl sinnlos — vorhandene Bedeutung in JavaScript).
    • OK, das funktioniert. Aus Interesse gibt es anderen Weg als die Einstellung einer Variablen auf diese. Beispielsweise über die Schließung?
    • Ich bevorzuge self. self ausgesetzt ist, durch window eine Referenz auf sich selbst. Ich bin ziemlich froh, dass die Wiederverwendung der Bezeichner in anderen Bereichen. Es scheint mir zu tragen die richtige Bedeutung und nicht clash mit, dass es bedeutet, wenn self passiert, werden die Fenster entweder.
    InformationsquelleAutor nandokakimoto
  3. 5

    Während die anderen Antworten erreichen, was Sie benötigt, Sie arbeiten nicht in die effizienteste (skalierbar), weil Sie letztlich nicht entkoppeln Sie das view-Objekt (this.chart) aus, die view-Logik (fireEvent()). In MVC-Anwendungen, die diese Ansicht "Entscheidungen" befinden sich in einem controller. Der controller "steuert" Ansichten und enthält die APIs der Ansicht zugreifen können.

    In deinem Beispiel this ist der controller, und das ist in Ordnung (es bedeutet Sie hinzufügen Ihre Zuhörer an der richtigen Stelle). Alles, was Sie wirklich tun müssen, ist die Bindung des handlers, der Umfang der Sache, dass man den "Umgang" - in Ihrem Fall: this:

    //`this` is the controller of `chart`
this.chart.addEventListener('create', function() {
    this.fireEvent('created');
}.bind(this));

    Was die anderen Antworten auf dieser Seite getan haben, wird es so gemacht Ihrer Sicht wird seine eigenen controller, aber nur beim Umgang mit "erstellen" - Ereignisse, durch die Zuordnung einer temporären Verweis auf die "controller" verwenden var self = this. Wieder, das funktioniert ganz gut, aber es funktioniert nicht gut im Maßstab, die in event-driven-Anwendungen, und es macht nicht wirklich Sinn machen, wenn Sie haben eine Menge von Ereignissen zu behandeln.

    .bind() ist eine ECMAScript-5-Implementierung. Wenn es erforderlich ist, um die Arbeit in den auch ältere Browser, eine gute Methode, dies zu tun ist hier beschrieben (mit functions und .call()): https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind

    • In einigen MVC-Implementierungen (wie in dem Beispiel hier beschrieben: en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller), der Hundeführer selbst (z.B. Ihr .fireEvent()) ist definiert in der Ansicht, aber der controller ruft es als notwendig. Dies könnte erlauben Ihnen, nicht verwenden .bind() oder eine Selbstreferenz auf, sondern machen Sie Ihren handler sehr unmodular, und Ihre Anwendung würde sehr groß werden.
    InformationsquelleAutor Benny
Schreibe einen Kommentar