CoffeeScript 中的方法调用语法

Question

我是 CoffeeScript 的新手，我似乎在调用方法的语法方面遇到了问题。

这是卡模型：

class exports.Card extends Backbone.Model
  defaults:
    pip:   '4'
    suit:  '♠'
    color: 'b'

  rows: ->
    rows =
      '4': [2, 0, 2]
    rows[@pip]

以及模板的相关部分：

<ul class="col cols-<%= @card.rows()[0] %>">

这给了我错误 Uncaught TypeError: Object #

具体来说，我想知道我是否对 Card 的 rows 方法使用了不正确的语法，或者我只是误解了某些内容。提前致谢！

更新：

由于某种原因，@card.property 总是工作正常，但 @card.any_method() 却从来不工作。我目前已经通过使用属性解决了这个问题，但如果有人能够解释这种行为，我会很高兴。再次感谢！

更新2：

如果它对任何人有帮助，我正在使用http://brunchwithcoffee.com ，这是 main.coffee 文件，用于显示如何创建 @card 实例并将其传递到视图。

window.app = {}
app.routers = {}
app.models = {}
app.collections = {}
app.views = {}

Card = require('models/card_model').Card
MainRouter = require('routers/main_router').MainRouter
HomeView = require('views/home_view').HomeView
CardView = require('views/card_view').CardView

# app bootstrapping on document ready
$(document).ready ->
  app.initialize = ->
    app.routers.main = new MainRouter()
    app.views.home = new HomeView()
    app.views.card = new CardView(model: new Card(color: 'r', suit: '♥', pip: '7'))
    app.routers.main.navigate 'home', true if Backbone.history.getFragment() is ''
  app.initialize()
  Backbone.history.start()

Answer 1

您的方法调用语法是正确的。 CoffeeScript 的相关规则是：

• 对于使用参数调用的方法调用，括号是可选的，即

  object.method 1,2 
  

  或

  object.method(1,2)
  

• 对于不带参数调用的方法调用，需要括号，即

  object.method()
  

要查看其工作原理，请尝试在 CoffeeScript 站点上的“Try CoffeeScript”编辑器上运行以下代码：

class A
  method: ->
    console.log "A"

(new A()).method();

由于您的方法调用语法似乎是正确的问题可能是 @card 变量不是exports.Card 类的实例。

Answer 2

问题是 pip 不是 Card 实例的属性；它是 Card::defaults 的属性，因此 Backbone 将其设为 Card 实例的属性，而不是属性嗯>。 访问 pip 属性

card.get 'pip'

您可以使用或直接

card.attributes.pip

。这种区别的原因是，在 JavaScript 中，无法监视属性的更改，而 Backbone 需要执行此操作才能分派事件。 （例如，如果您使用 card.set 'pip' 修改 pip，则 Backbone 会触发 “change” 事件。）

因此，您的如果您只更改 rows 方法的最后一行，代码应该可以正常工作：（

rows: ->
  rows =
    '4': [2, 0, 2]
  rows[@get 'pip']

注意：某些 JS 环境支持 Getters/setters，这将允许你绘制地图card.pip = ... 到 card.set 'pip', ... 请参阅 John Resig 的文章 这里。Backbone 不使用这种方法，因为它的目标是与所有现代浏览器兼容。）

Answer 3

终于弄清楚了——我忘记了模板中引用的 @card 变量并非源自 main.coffee 文件——它实际上被转换为 JSON在 CardView 中：

cardTemplate = require('templates/card')

class exports.CardView extends Backbone.View
  tagName:   'div'
  className: 'card'

  render: ->
    $(@el).html cardTemplate(card: @model.toJSON())
    @

现在可以理解为什么只有变量起作用而不是方法了 - @card 实际上是模型实例的 JSON 表示形式。

感谢大家的所有建议/澄清——很抱歉犯了愚蠢的错误：P