javascript - 为什么当错误出现时支架在 coffeescript 中工作

Question

如果我想获得这样一个从 coffeescript 编译的 js 代码:

  var sortableTodos = new Sortables("todo-list", {
constrain: true,
clone: true,
handle: ".todo-content",
onComplete: function(ele){
  sortableTodos.serialize(false, function(element, index){
    todo = Todos.get(element.getProperty("id").replace("todo-", ""));
    todo.save({"order": index});
  });
}
});

我不能像下面这样写咖啡代码:

sortableTodos = new Sortables(
"todo-list"
(
    constrain: true
    handle: '.todo-content'
    onComplete:(ele)->
        sortableTodos.serialize false, (element,index)->
                todo = Todos.get(element.getProperty("id")).replace("todo-","")
                todo.save("order":index)

)   
   )

但是下面的工作(它在onComplete之后有括号)

sortableTodos = new Sortables(
"todo-list"
(
    constrain: true
    handle: '.todo-content'
    onComplete:((ele)->
        sortableTodos.serialize false, (element,index)->
                todo = Todos.get(element.getProperty("id")).replace("todo-","")
                todo.save("order":index)
               )
)   
  )  

不知道为什么？是bug吗？

Answer 1

CoffeeScript 解析器在跨多行拆分函数参数时有很多怪癖。 (请参阅 issue 1135。)只有在省略括号时，函数的多行参数才允许用于 YAML 样式的对象。所以虽然

func
  foo: bar
  x: y

有效(编译以将单个对象传递给 func)，其他参数通常需要与 func 位于同一行。或者你可以在行尾使用 \ 转义符，就像在 JS 中一样，让编译器将多行视为一行:

func \
  a  \
  b

针对您的情况的最佳解决方法是将您的字符串移动到与函数调用相同的行，去掉对象文字周围的括号(如果您愿意，可以使用花括号)，并与缩进保持一致:

sortableTodos = new Sortables("todo-list", {
    constrain: true
    handle: '.todo-content'
    onComplete: (ele) ->
        sortableTodos.serialize false, (element,index) ->
            todo = Todos.get(element.getProperty("id")).replace("todo-","")
            todo.save("order":index)
})