javascript - 在同一页面上多次调用 jQuery.noConflict()

Question

我们开发了一个页面，其中包含作为单独组件实现的全部功能。jQuery 本身仅包含在页眉中一次。但每个组件都有完全相同的 JavaScript 代码:

j$ = jQuery.noConflict();

在同一页面上多次调用 jquery 的 noconflict 并将结果分配给同一变量是否会产生一些问题(例如使用插件)？可以接受吗？我希望它作为单例工作，即始终返回对同一内部对象的引用，无论如何。提前感谢您的帮助，伙计们!

Answer 1

jQuery.noConflict()

Many JavaScript libraries use $ as a function or variable name, just as jQuery does. In jQuery's case, $ is just an alias for jQuery, so all functionality is available without using $. If you need to use another JavaScript library alongside jQuery, return control of $ back to the other library with a call to $.noConflict(). Old references of $ are saved during jQuery initialization; noConflict() simply restores them.

就您而言，多次调用应该没有什么害处，因为它是幂等函数。

如果您计划在未知环境中包含此类组件，在继续操作之前调用它是一种安全的做法。

<小时/>

考虑使用 self-executing anonymous function为了将其绑定(bind)到您的上下文:

(function($){
  // here $ will be the global, common jQuery object you passed as an argument
})(jQuery);