首页 > 技术文章 > jquery源码——noConflict实现

diligentYe 2017-10-10 09:42 原文

  实现方式很简单:在初始化的时候,记录当前全局中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;
    }

 

推荐阅读