jQuery源码分析之noConflict方法

代码1:

//因为下面函数的返回值是jQuery对象,以后用x代替$了!只是名字不同而已!
var x=$.noConflict();
var $=123;//到这里$被修改为123,$被写到这里noConflict里面的代码是没有意义的!
x(function()
 {
	alert($);//打印123
})
//上面把var $=123写在那个位置下面两行代码没有意义的!那么什么时候有意义呢?看下面代码2:
    if ( window.$ === jQuery ) {
		window.$ = _$;
	}

	if ( deep && window.jQuery === jQuery ) {
		window.jQuery = _jQuery;
	}
代码2:

<script>var $=123</script>
   <script src="jQuery.1.11.1"></script> //有代码:_jQuery=window.jQuery,_$=window.$;这时候_jQuery=123;
   <script>
	var x=$.noConflict();
	x(function()
	 {
		alert($);//仍然打印123
	})  
 	  </script>

    //上面用_jQuery保存了123以后走了这里的代码,调用库以后window.$肯定等于jQuery
   if ( window.$ === jQuery ) {
   //调用了noConflict以后,这一句代码就是window.$=123也就是$还是123,jQuery库已经放弃$了!
		window.$ = _$;
	}
	if ( deep && window.jQuery === jQuery ) {
		window.jQuery = _jQuery;
	}

源码如下:

var
	// Map over jQuery in case of overwrite
	_jQuery = window.jQuery,
	// Map over the $ in case of overwrite
	_$ = window.$;
jQuery.noConflict =  ( deep ) {
	if ( window.$ === jQuery ) {
		window.$ = _$;
	}
	if ( deep && window.jQuery === jQuery ) {
		window.jQuery = _jQuery;
	}
	return jQuery;
};

总结:

(1) 如果没有参数true那么就是放弃$,如果参数是true那么连jQuery变量也被放弃了!

你可能感兴趣的:(jQuery源码分析之noConflict方法)