Question

我有一个使用requirejs的成熟的javascript应用程序，因此我不能依赖全局变量。我有d3js运行在我的节点网络的概念证明中，但我遇到Tick事件监听器的问题，我需要传递一个对象引用，以便Tick事件处理程序可以使用发送方对象上的属性。

我目前有：

MyClass.prototype.SetupD3Force = function()
{    
      this.Force = d3.layout.force()
         .size([200, 200])
         .nodes([])
         .charge(-120)
         .on("tick", this.Tick);

// snip some code here
}

MyClass.prototype.Tick = function()
{
     // Need to get hold of the sender's object properties
}

我希望能够做到：

MyClass.prototype.SetupD3Force = function()
{    
      var width = 200;
      var height = 200;

      this.Force = d3.layout.force()
         .size([width, height])
         .nodes([])
         .charge(-120)
         .linkDistance(function(d) { 
             return d.value;
         })
         .on("tick", this.Tick, this); // Add a reference to the sender

// snip some code here
}

MyClass.prototype.Tick = function(sender)
{
     // Now I can get hold of my properties
    sender.MyProperties...
}

我错过了什么吗？如何将参数传递给Tick事件？

感谢您的帮助！

Answer 1

如果tick函数中的“this”上下文不是发送者，您可以使用.bind function将外部上下文绑定到Tick的“this”上下文：

.on("tick", this.Tick.bind(this) )

然后再使用它们：

MyClass.prototype.Tick = function()
{
     console.log(this.width);
}

您还可以传递要包含在功能参数中的其他参数。请参阅上面的链接以及this one from MSDN。

d3js如何将参数传递给Force Tick事件？

1 个答案: