一旦转换为CoffeeScript,就调用一个普通的JS函数

时间:2012-07-11 10:18:37

标签: javascript coffeescript

在我的Rails应用程序中,我有一些简单的旧JS:

    function reorder(divid,url) {
        jQuery(divid).sortable({
          axis: 'y',
          dropOnEmpty: false,
          handle: '.drag',
          cursor: 'crosshair',
          items: 'li',
          opacity: 0.4,
          scroll: true,
          update: function(){
            jQuery.ajax({
              type: 'post',
              data: jQuery(divid).sortable('serialize'),
              dataType: 'script',
              url: url)
          }
        });
    }

当我打电话时它会起作用:

     reorder("#pages","<%= changeorder_pages_path %>");

所以我决定将我的函数转换为CoffeeScript,它给了我这个:

(function() {
  var reorder;

  reorder = function(divid, url) {
    return jQuery("#pages").sortable({
      axis: "y",
      dropOnEmpty: false,
      handle: ".drag",
      cursor: "crosshair",
      items: "li",
      opacity: 0.4,
      scroll: true,
      update: function() {
        return jQuery.ajax({
          type: "post",
          data: jQuery("#pages").sortable("serialize"),
          dataType: "script",
          complete: function(request) {
            return jQuery("#pGESs").effect("highlight");
          },
          url: "/pages/changeorder"
        });
      }
    });
  };

}).call(this);

但我的电话不再有效 - 我收到了Firebug错误:

reorder is not defined

所以对我的问题 - 如何调用函数现在是CoffeeScripted?

我读过这个:Calling a function by its name

但我不知道他们在谈论什么。我从未使用过global = this,也不知道它的作用或为什么我会想要使用它。

我也读到了这个:http://elegantcode.com/2011/06/30/exploring-coffeescript-part-2-variables-and-functions/

以及:http://www.informit.com/articles/article.aspx?p=1834699

我意识到CoffeeScript正在保护我免受全局变量的影响并使我的代码更好 - 但我无法找到如何调用函数的解释。

我玩过CoffeeScript网站并玩过立方体功能 - 所以我应该能够调用我想的功能名称。

我问的问题是因为我的知识存在差距 - 任何填补这一空白的帮助都会受到高度赞赏。

1 个答案:

答案 0 :(得分:2)

默认情况下,CoffeeScript不会创建全局变量,看起来好像是在尝试访问定义文件之外的reorder

但是,您可以通过编写

在全局命名空间中显式添加内容
window.reorder = reorder