代码之家 › 专栏 › 技术社区 › Paul R

在coffee脚本构造函数中绑定事件

coffeescript javascript

-1

Paul R · 技术社区 · 10 年前

如果我有课

class Control
  constructor: (@canvas, @control) ->
    @control.on('keyup change', ->
      update(@canvas)
    )

当我改变控制时,改变事件被触发,我得到错误 $canvas is undefined .

但是,如果代码更改为

class Control
  constructor: (canvas, @control) ->
    @control.on('keyup change', ->
      update(canvas)
    )

一切都按预期进行。

这是为什么?

1 回复 | 直到 7 年前

Evan Davis 10 年前

这与预期一样有效。使用 @ 在构造函数参数上自动设置 this.canvas = canvas 在我们的构造函数中。上下文( this )事件处理程序的范围不同于类,除非您使用“胖箭头”明确地确定其范围 => .

class Control
  constructor: (@canvas, @control) ->
    @control.on('keyup change', => # notice fat arrow
      update(@canvas)
    )

在您的工作示例中,您是避免不附加的问题 canvas 到当前上下文。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前