Coffeescript变量声明放置在错误的地方

Question

Coffeescript将var指令放在错误的地方。我曾尝试在功能上放置大括号，但没有成功。这里是CoffeeScript的代码：

jQuery (-> 

    $(".item-scaffold-edit").live("click", (=> 
    element = $(this) 
    cont = element.data("cont") 
    url = element.data("url") 
    $.ajax(url, 
     dataType: "html" 
     success: (data, textStatus, jqXHR) -> 
     $("##{cont}").html(data) 
     $("##{cont}").data("url", url)))) 

    $(".item-menu").live("click", (=> 
    element = $(this) 
    cont = element.data("cont") 
    url = element.data("url") 
    if url isnt $("##{cont}").data("url") 
     $.ajax(url, 
     dataType: "html" 
     success: (data, textStatus, jqXHR) -> 
      $("##{cont}").html(data) 
      $("##{cont}").data("url", url) 
      $("#navbar-left li").removeClass("active") 
      element.parent().addClass("active")))) 
) 

它会产生这样：

(function() { 
    jQuery((function() { 
    var _this = this; 
    $(".item-scaffold-edit").live("click", (function() { 
     var cont, element, url; 
     element = $(_this); 
     cont = element.data("cont"); 
     url = element.data("url"); 
     return $.ajax(url, { 
     dataType: "html", 
     success: function (data, textStatus, jqXHR) { 
      $("#" + cont).html(data); 
      return $("#" + cont).data("url", url); 
     } 
     }); 
    })); 
    return $(".item-menu").live("click", (function() { 
     var cont, element, url; 
     element = $(_this); 
     cont = element.data("cont"); 
     url = element.data("url"); 
     if (url !== $("#" + cont).data("url")) { 
     return $.ajax(url, { 
      dataType: "html", 
      success: function (data, textStatus, jqXHR) { 
      $("#" + cont).html(data); 
      $("#" + cont).data("url", url); 
      $("#navbar-left li").removeClass("active"); 
      return element.parent().addClass("active"); 
      } 
     }); 
     } 
    })); 
    })); 
}).call(this); 

但它应该产生这样：

(function() { 
    jQuery((function() {  
    $(".item-scaffold-edit").live("click", (function() { 
     var cont, element, url; 
     var _this = this; 
     element = $(_this); 
     cont = element.data("cont"); 
     url = element.data("url"); 
     return $.ajax(url, { 
     dataType: "html", 
     success: function (data, textStatus, jqXHR) { 
      $("#" + cont).html(data); 
      return $("#" + cont).data("url", url); 
     } 
     }); 
    })); 
    return $(".item-menu").live("click", (function() { 
     var cont, element, url; 
     var _this = this; 
     element = $(_this); 
     cont = element.data("cont"); 
     url = element.data("url"); 
     if (url !== $("#" + cont).data("url")) { 
     return $.ajax(url, { 
      dataType: "html", 
      success: function (data, textStatus, jqXHR) { 
      $("#" + cont).html(data); 
      $("#" + cont).data("url", url); 
      $("#navbar-left li").removeClass("active"); 
      return element.parent().addClass("active"); 
      } 
     }); 
     } 
    })); 
    })); 
}).call(this); 

任何人都知道这有什么错我的CoffeeScript码？？？？

Answer 1

据我可以从你的例子告诉你目前有：

foo -> bar => element = $(this) 

产生：

foo(function() { 
    var _this = this; 
    return bar(function() { 
    var element; 
    return element = $(_this); 
    }); 
}); 

，但你希望它产生：

foo(function() { 
    return bar(function() { 
    var _this = this; 
    var element; 
    return element = $(_this); 
    }); 
}); 

这将与此相同：

foo(function() { 
    return bar(function() { 
    var element; 
    return element = $(this); 
    }); 
}); 

它你就可以使用：

foo -> bar -> element = $(this) 

例如，改变=>为->。 “胖箭头”的文档是here，它解释了它与正常箭头的不同之处。