如何解析/理解这个咖啡脚本语法？

Question

我遇到过几次这种结构。

示例 1：

_  = require 'underscore'

class Controller extends App

  _doSomething: _.throttle (event) ->
    $div = $(event.target).closest 'div'
    ...

我的问题：

我很难理解为什么这个结构是有效的。

通常一个类函数定义是这样的：

  _doSomething: (event) ->
    $div = $(event.target).closest 'div'
    ...
    , 500

那么_.throttle怎么能坐在:和(event)函数参数之间呢？

如果_.throttle应该充当包装器，不应该写成

  _doSomething = _.throttle( (event) ->   # an anonymous function that takes event as parameter
    $div = $(event.target).closest 'div'
    ...
    , 500

Answer 1

如果我们添加可选的括号，事情可能会更清楚：

class Controller extends App
  _doSomething: _.throttle( (event) ->
    $div = $(event.target).closest 'div'
    ...
  )

现在我们看到_.throttle 是函数调用，它被赋予了一个匿名函数作为其单个参数。我们可以进一步分解它以进一步澄清发生了什么：

f = (event) ->
  $div = $(event.target).closest('div')
  ...
throttled_function = _.throttle(f)

class Controller extends App
  _doSomething: throttled_function

_.throttle 返回一个函数，因此您正在查看的代码只是一个复杂版本：

class Controller extends App
  _doSomething: some_function

这没什么特别的。请记住，您可以在构建类的方法时使用匿名函数，但命名函数或其他计算为函数的表达式也同样适用；语法真的是：

name: expr

其中expr 是某个表达式，f(x)（或_.throttle(some_anonymous_function)）是一个表达式。