クラス内のd3イベントのバインド

Question

私のクラスのインスタンスをバインドされたd3ドラッグ関数に渡したいとします。

これを変数に代入して渡します。 私は未定義で終わります。

私は少し混乱していますか？この場合、私はどのようにクラスのインスタンスにアクセスしますか？

ありがとうございます。

class foo { 

    constructor(a){ 
    this.a = a; 

    } 
    method1(){ 

    var referenceToMyClass = this; 

    this.dragEvent = d3.drag(referenceToMyClass) 
    .on("drag", this.method2); 

    d3.select('target id').call(this.dragEvent); 
    } 
    method2(){ 

    //Here i want to access referenceToMyClass; 
    //referenceToMyClass is undefined. 
    //this refers to the event target. 


    } 

}  

Answer 1

あなたはそれを機能させることができますし、thisにアクセスする必要があります機能でそれを伝承：

class foo { 

    constructor(a){ 
    this.a = a; 

    } 
    method1(){ 

    var referenceToMyClass = this; 
    var method2 = function(){ 
     //do something with referenceToMyClass 
    }  
    this.dragEvent = d3.drag(referenceToMyClass) 
    .on("drag", method2); 

    d3.select('target id').call(this.dragEvent); 
    } 
} 

またはバインドを使用することができます。

class foo { 

    constructor(a){ 
    this.a = a; 
    this.method2.bind(this); 
    } 
    method1(){ 

    var referenceToMyClass = this; 

    this.dragEvent = d3.drag(referenceToMyClass) 
    .on("drag", this.method2); 

    d3.select('target id').call(this.dragEvent); 
    } 
    method2(){ 
    //this refers to the object now. 
    } 

}