咖啡脚本中的 d3 回调中的 this 和 _this

Question

我有一个使用 d3 创建的元素，如下所示：

redraw:()->
  #
  points = d3.select(".point").data( the_data )
  points.enter().append("g").classed("point").on("click", @on_click )


on_click:(d,i)-> 
  matrix = this.getScreenCTM()
  # do some stuff
  @popup.show(params)

popup 是一个成员对象，其方法为show()。

问题在于，在on_click() 回调中，我需要它既是DOM 对象又是实例，这样我才能引用数据成员popup。

我应该怎么做？

Answer 1

一种选择是返回一个在另一个引用原始 this 时关闭的函数：

on_click: do ->
  self = this
  return (d,i) -> 
    matrix = this.getScreenCTM()
    self.popup.show(params)

这样当事件处理程序调用函数时，this 是 DOM 元素，self 指的是原始的this 对象。当然，这个解决方案意味着你失去了@ 的简写。