绑定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. 
    } 

}