实现方式很简单:在初始化的时候,记录当前全局中jQuery和$两个变量的的值,用_jQuery和_$分别存放,调用noConflict方法时,使用_jQuery和_$分别恢复对应的值,并且返回jQuery对象。
// 初始化jQuery对象时,调用逻辑如下:
// 1. 记录全局中的jQuery和$变量(此时这两个变量指向生成jQuery对象之前的全局中的变量)
var // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = window.$;
// 2. 初始化jQuery上的noConflict方法,deep可以传入一个boolean值,如果传入deep jQuery.noConflict = function(deep) {
// 如果此时全局中的$变量指向jQuery,释放全局$变量 if (window.$ === jQuery) { window.$ = _$; } // 如果deep为true,并且jQuery指向jQuery,释放全局jQuery变量 if (deep && window.jQuery === jQuery) { window.jQuery = _jQuery; } // 返回jQuery对象 return jQuery; };
// 将jQuery暴露到全局(noGlobal在初始化时传入)
if (!noGlobal) {
window.jQuery = window.$ = jQuery;
}