从 onclick 事件访问类属性和方法

Question

我是 coffeescipt 的新手，我想创建类，但是有一个问题，当我在按钮上创建“单击”操作时，我如何访问类属性？和其他类函数？？

 用更好的类示例编辑问题

感谢这两个回复，问题是： 我只有一个文件，暂时不会有那么多 javascript，所以，我想创建一个类，并按部分分隔“对象”，让我举一个更好的例子：

class SiteName
  isMenuActive: false
  cartItems: {}

  constructor: ->
    that = @
    $('.openMenu').on 'click', ->
     that.menu.open()

  menu:
    open: () ->
      # How can i access "isMenuActive" Here??
      # using @ or this, is referer to the item itself, because this action is called with "onclick"
      if isMenuActive 
        alert 'menu is active'

    close: () -> console.log 'close menu'
    other_action: () -> console.log 'blah'
    call_cart_actions: () ->
      # how can i call cart properties/functions from "cart" in this same namespace??

  cart:
    add: () -> 
      # how to access SiteName.cartItems ¿?
      # How to call other class function??
    remove: () ->

我真正遇到的问题是，我喜欢将所有“触发器”（单击、悬停......）放在构造函数中，但是，一旦我调用这些函数，我如何引用“SiteName”属性或其他对象/该类/命名空间的函数？？

这样的代码是个好习惯？？将“菜单”和“购物车”放在同一个“站点”类上，还是最好将它们放在文件/类上分开？？

非常感谢

Answer 1

根据我所做的一些研究，特别是这个 SO 问题有所帮助：

Coffeescript classes and scope and fat and thin arrows

看起来您需要将 this 引用存储为构造函数的一部分。这是我为演示而整理的代码的破解版本：

class actions
  isActive: false
  self = {}

  constructor: ->
      self = @

  func:
    click: () ->
      alert self.isActive
    close: () ->
      console.log "close function"

f = new actions
f.func.click()