光明与黑暗共存
简要说明：为何需要在一个页面上，让多个版本的 jQuery 共存呢？比如 jquery-1.5 与 jquery1.12；即使解决了共存问题了，但是代码页面乱七八糟的，又该怎么办？
直接引用最新版本的不行吗？答案肯定是不行的，简单举个例子：
如果你当前站点引用的是 1.5 版本的 jQuery 以及相关的一些插件；如果直接将 jQuery 升级到最新版本，很大部分不兼容插件会出错，甚至直接停止工作；如此，只能将这些插件也全部升级，或者等各个插件的作者发布支持最新版 jQuery 的版本。
jQuery
方法就是通过 jQuery 的 noConflict() 方法来让多版本共存
当我们引入 jQuery 时，jQuery 向 window 这个全局空间注入两个变量
<code>window.$ = window.jQuery = {jQuery object}/<code>同时，jQuery 内部保留旧的 window.$ 和 window.jQuery 对象的引用，当我们调用：var $jq = $.noConflict(); 时，window.$ 被恢复，但 window.jQuery 仍然是 jQuery；而当我们调用：var $jq = $.noConflict(true); 时，window.$ 和 window.jQuery 都被恢复了，一切看起来就像 jQuery 从未被引入过一样，只不过可以通过变量 $jq 来使用jQuery，所以让多版本共存，可以这样实现。
JavaScript
<code>
/<code>
现在在 my-script.js 中，用 $jq 可以访问 1.12.0 版本的 jQuery 了；
但是，伴随的问题又来了，同一个页面引入两个版本的 jQuery 后，页面变得乱七八糟，如果有人将 var $jq = jQuery.noConflict(true) 删除了，怎么办？又或者，将两个版本的jQuery，调换了位置，导致最后得不到正确的 jQuery 版本；最好的办法就是：不改动页面，直接引用我们自己编写的新的Js文件：
<code>
/<code>
这样一来，我们就可以直接在新的Js文件内部引入最新版本的 jQuery 了，而页面上无论有没有 jQuery，有什么版本的 jQuery，我们都不关心；
my-script.js 如下所示 ( 用匿名函数是个好习惯，不污染全局变量，同时杜绝外部代码的访问 )
<code>// begin jQuery v1.12.2
(function() {
!function(a,b) {
"object" == typeof module && "object" == typeof module.exports
? module.exports = a.document ? b(a, !0) : function(a) {
if(!a.document) throw new Error("jQuery requires a window with a document");
// ...
}
var $ = jQuery.noConflict(true);
})();/<code>
直接将最新版本嵌入即可 ( 当然得是压缩后的代码 )，最后加一句：var $ = jQuery.noConflict(true);
注：$ 是一个局部变量，在后面的代码中，可以随时引用这个 $，跟页面上其它版本的 jQuery 的全局变量 $ 不是一个对象
閱讀更多 MIITVIP前端成長之路 的文章
關鍵字: 同个 共存 JavaScript
