0

我是 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”属性或其他对象/函数那个类/命名空间??

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

多谢

4

1 回答 1

0

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

Coffeescript 类和范围以及粗细箭头

看起来您需要将this引用存储为构造函数的一部分。这是您的代码的破解版本,我将其放在一起进行演示:

class actions
  isActive: false
  self = {}

  constructor: ->
      self = @

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

f = new actions
f.func.click()
于 2013-09-23T12:00:57.527 回答