jquery - 如何在 jQuery 中链接匿名函数？

Question

我试图在 jQuery 中链接一个匿名函数，但它不起作用。我收到错误“错误:XML 过滤器应用于非 XML 值...”。正确的语法是什么，或者是否有一个我可以使用的效果函数，它在视觉上不做任何事情并且包装了我的函数？

我的例子:$item.appendTo($list).(function() {.....}());

Answer 1

链接通过返回原始 jQuery 对象作为调用给定可链接函数的结果来工作。假设，要链接匿名函数，您必须“返回”原始 jQuery 对象。

但是，您的函数必须可以从 jQuery 对象的上下文中调用。例如，存在函数

$item.appendTo

但是，jQuery 对象上没有可通过以下方式访问的函数:

$item.(function(){ })

这样想吧。假设您有以下对象:

var obj = { foo: function(){ console.log(1); } };

“foo”声明可以作为 obj 上的属性/声明进行访问。但是，您用匿名函数引用的声明到底是什么？

obj.(function(){ })

为匿名函数提供 jQuery 对象的执行上下文的唯一方法是对其进行“调用”

(function(){ }).call($item, args);

如果你想链接它，理论上你可以这样做:

(function(){ return this; }).call($item, args).appendTo($other);

但我不确定你会得到什么。您最好的选择就是简单地执行以下操作:

$item.appendTo($list);
(function($obj){ })($item);

或者，如果您从选择器开始:

var $item = $('#someID').appendTo($list);
(function($obj){ })($item);

尽管如此，此时匿名函数还没有那么有用，所以我会简单地:

var someFunc = function($obj){ };
$item.appendTo($list);
someFunc($item);