请解释 jQuery-ui 项目中的这些行 - 与添加“子插件”有关。

Question

jquery.effects.core 的第 10 - 16 行。 js：

;jQuery.effects || (function($, undefined) {

    var backCompat = $.uiBackCompat !== false; // Irrelevant

    $.effects = {
        effect: {}
    };

})(jQuery); // At end of file

据我了解，这增加了一个effects“命名空间”，但前提是它尚不存在。

有人可以向我解释一下：

1. 第一个分号的作用是什么？
2. undefined 参数的用途是什么？ undefined 的含义是否以某种方式被覆盖？
3. 直接向 jQuery 对象添加函数与按照 jQuery 文档？
4. 最后，如果我想创建一堆仅供我自己的团队使用的 jQuery 插件，那么使用上面的代码将它们全部集中在公司命名空间下是否有意义？

编辑：我现在意识到 jQuery.effects 可能是一个坏例子。我看到 jQuery.ui.core.js 的做法有所不同：

(function( $, undefined ) {
    $.ui = $.ui || {};

    // add some stuff to $.ui here

    $.fn.extend({
        // plugins go here
    });
})(jQuery);

但是如果添加了插件，ui 对象有什么用直接到 $.fn 吗？我可以在 $.fn 下定义我的命名空间并将所有插件添加到 $.fn.acme 中，以便我像这样使用它们： $('something ').acme.doStuff()？

对于这类事情有最佳实践吗？

Answer 1

• 它检查 jQuery.effects 是否存在，
• 如果不存在，它定义一个函数并同时调用
  (function() { ... } (jquery)，由于与范围和冲突等相关的原因，它传递 jQuery 对象。
• 该函数中的第一行据说是不相关的，似乎是检查 jQuery 插件属性的存在
• 它为 jQuery 插件属性定义了一个占位符（如命名空间或容器类）。

所以，对于您的问题：

1 。

我认为没有什么特别的。干净的声明有一些边缘情况。在此之前的最后一行是函数声明 close 。

2 。未定义的参数的含义是什么？

它只是确保以后不会直接传递全局对象。 3. 直接向 jQuery对象

添加函数与按照 jQuery 文档中的建议向 jQuery.fn 添加函数有什么区别？

这是 jQuery 的结构方式和一般组织问题。函数并返回一个对象。 .fn 负责注册此对象以应用于返回的 jQuery 对象（来自 jQuery select 等），因此，这样更好，以便 jQuery 实际上了解您添加的功能。

4.最后，如果我想创建一堆仅供我自己的团队使用的 jQuery 插件，那么使用上面的代码将它们全部集中在公司命名空间下是否有意义？

大多数人不这样做。不推荐它。也许一个常见的“小”前缀就足够了。