【发布时间】：2014-05-29 13:44:55
【问题描述】：
我发现了我一直在研究的这个CoffeeScript boilerplate for jQuery plugins，并且[试图]在我正在[试图]编写的插件中使用它。我在其他几个问题中引用了相同的样板/模板。我是 JavaScript 的业余爱好者，也是 CoffeeScript 的新手。我正在努力学习和学习，但是当有些事情困扰我并且我无法通过 Google 找到令人满意的答案时，我来到这里......所以请原谅我在此处编写和呈现的任何代码中缺乏知识和潜在错误.
CoffeeScript 代码编译成这样：
(function() {
(function($, window, document) {
var $this, methods, _anotherState, _flag, _internals, _settings;
$this = void 0;
_settings = {
"default": 'cool!'
};
_flag = false;
_anotherState = null;
methods = {
init: function(options) {
$this = $(this);
$.extend(_settings, options || {});
return $this;
},
doSomething: function(what) {
return $this;
},
destroy: function() {
return $this;
}
};
_internals = {
toggleFlag: function() {
return _flag = !_flag;
},
computeSomething: function(state, flag) {
return flag != null ? flag : {
state: "No, that's not right."
};
}
};
return $.fn.foobar = function(method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === "object" || !method) {
return methods.init.apply(this, arguments);
} else {
return $.error("Method " + method + " does not exist on jquery.foobar");
}
};
})(jQuery, window, document);
}).call(this);
来自here 和here 我了解到(function(){...}).call(this) 包装器是一种CoffeeScript 功能，旨在本地化未明确声明为全局的变量。 我后来才知道，它也可以在编译过程中被抑制。我还了解到，我不需要将 window 和 document 作为 jQuery 闭包的参数。
当我对它进行更多研究（并尝试对其进行编辑）时，我看到在编译的代码中，闭包（它是一个函数）在它定义它的地方返回$.fn.foobar。由于该函数是匿名的并且无论如何都不会被调用，我想返回的值并不重要。但是，如果我像这样在 CoffeeScript 代码中添加 return 语句会怎样：
$.fn.foobar = (method) ->
if methods[method]
methods[method].apply this, Array::slice.call(arguments, 1)
else if typeof method is "object" or not method
methods.init.apply this, arguments
else
$.error "Method " + method + " does not exist on jquery.foobar"
# -- This, right here...
return
# --
它不再编译为return $.fn.foobar = ...，而是编译为$.fn.foobar = ...。我认为这没有任何区别，而是使 JS 输出更多...clean...如果你愿意的话。但我需要确认这一点。这对脚本的执行有何影响？
此外，在 CoffeeScript 代码中，作者说在 methods.init() 内部我需要对 $this.each 执行所有操作，但如果我这样做了
init: (options) ->
$.extend _settings, (options or {})
return $(@).each () -> # I don't really need return, do I?
# In here @ is one element (out of the array of elements)
return # This is to suppress any returns inside .each()
就是这样...这是我的问题：
- 是否有理由不使用 CoffeeScript 代码中的匿名函数
return？这与原始 CoffeeScript 代码有何不同？ - 在调用插件的 jQuery 数组中迭代所有项目，同时保持可链接性的正确方法是什么。
注意：我没有包含 CoffeeScript 代码以避免帖子过长。但是我提供了一个链接到列出代码的页面。但是，如果有问题，请在 cmets 中告诉我，我将编辑帖子以包含 CoffeeScipt 代码。感谢您的宝贵时间。
【问题讨论】：
-
你心目中的“可链接性”是什么样的？
-
@hpaulj 链接性，如
$('#id.class').plugin(args).someOtherjQueryFunction(args)。这只有在plugin返回$('#id.class')时才有可能。如果$('#id.class')对应于一个元素数组而不是一个元素，则应该返回所有这些元素，而不仅仅是其中一个。
标签： design-patterns jquery-plugins coffeescript