pass 'dies' auf Callback in einer Klasse ecmascript 6

Question

Ich habe eine Klasse in Ecmascript 6. Ich muss einen Wert von "this" an einen Rückruf übergeben.

Ich versuchte mit .bind (this). Bis jetzt scheint das nicht zu funktionieren. Ich habe auch versucht, var_this = this; und benutze _this innerhalb des Callbacks. es funktioniert immer noch nicht

 class Modal { 
     constructor(modal) { 
     this._modal = modal; 
     this.id = this._options.id;  
     } 
    } 

    open(opts) { 
     let modalOptions = { 
      size: opts.size || '', 
       templateUrl: 'modal.html', 
       controller: function controller($scope, $uibModalInstance) { 
        var _this = this; 
        this._options = { 
         id: opts.id 
        }; 
        this.hcbuttons: [{id: '1', name: 'test'}, {id: '2', name: 'abc'}]; 
        publisher.subscribe('triggered', this._options.id, function(event, creator) { 
         //as soon as we subscribe to the published event 
         var result = this.hcbuttons.filter(function(obj) { 
          return obj.id == creator; 
         })[0]; 
         if(result.sync === true) { 
          console.log('disabledall'); 
         }       
        }).bind(this); 


     } 

} 

Answer 1

Sie sind verbindlich zu Unrecht die this. Sie rufen die Bindung über den zurückgegebenen Wert subscribe Funktion auf. Funktion Objekt hat nur die Funktion bind in seinem Prototyp. Also chance deinen Code von }).bind(this); zu }.bind(this)).

Da Sie this als modal Klasse festlegen möchten,

//change one 
open(opts) { 
     var _this = this; 
     let modalOptions = { 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
//change two 
}.bind(_this)); 

Answer 2

Wenn Sie ES2015 verwenden, verwenden warum nicht lambdas (Pfeil-Funktionen)? Sie binden diese automatisch

open(opts) { 
    let modalOptions = { 
    size: opts.size || '', 
    templateUrl: 'modal.html', 
    controller: function controller($scope, $uibModalInstance) { 
     this._options = { 
     id: opts.id 
     }; 
     this.hcbuttons = [{ 
     id: '1', 
     name: 'test' 
     }, { 
     id: '2', 
     name: 'abc' 
     }]; 
     publisher.subscribe('triggered', this._options.id, (event, creator) => { 
     let result = this.hcbuttons.filter(obj => obj.id === creator)[0]; 
     if (result.sync) { 
      console.log('disabledall'); 
     } 
     }); 
    } 
    } 
} 

Hier können Sie mehr auf Pfeil Funktionen lesen: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions und wie sie funktionieren (könnten Sie in Zukunft helfen).