jquery - 围绕 jQuery 的 .trigger 事件的具体使用进行思考

Question

我正在尝试浏览并记录一个插件，以便我能够理解它是如何工作的，并且我遇到了一个以我无法理解的方式使用 .trigger 的函数。据我所知，.trigger 通常用于调用自定义事件。这是插件中触发器的用例:

$( this ).trigger( "beforecreate." + pluginName )
[ pluginName ]( "_init" )
[ pluginName ]( "_addNextPrev" )
.trigger( "create." + pluginName );

谁能帮我解释一下这是什么意思？该语法与 jQuery 文档中的语法不同，因此我假设它是某种速记或其他东西。

Answer 1

我假设您对 [...] 感到困惑，而不是对 .trigger 感到困惑。在 JavaScript 中，有两种访问对象属性的方法:点表示法 (obj.someProp) 和方括号表示法 (obj['someProp'])。
如果属性名称不是有效的标识符(例如，如果它包含空格)或者属性名称位于变量中，则必须使用括号表示法(此处就是这种情况)。

我们假设

var pluginName = 'foo';

那么上面的代码相当于:

$( this )
  .trigger( "beforecreate." + pluginName )
  .foo( "_init" )
  .foo( "_addNextPrev" )
  .trigger( "create." + pluginName );

这是另一个(虚构的)示例。这两者是等效的:

$(this).find('.foo');
$(this)['find']('.foo');