共计 2537 个字符，预计需要花费 7 分钟才能阅读完成。
最近接手了一个古早我的项目，用的 backbone，于是正好学习一下晚期 MVC 框架的源码。
这篇次要写抵触解决机制，源码其实就一个函数，代码也很短。原理也很好了解，总结起来就是：每执行一次 noConflict()函数，框架就往前回退一个版本。
这个 回退版本 的意思是，当你援用多个 backbone.js 时，比方按程序引入了 v1、v2、v3，依照失常状况，你当初拿到的是 v3，当你执行一次 noConflict()之后，你就会回退到 v2，再执行一次 noConflict()，你就回退到 v1，再再执行一次 noConflict()，Backbone 就是 undefined。
举个栗子：
比方你在我的项目中引入了两个 backbone.js：v1.4.0 和 v1.0.0，
这时候 Backbone 指向的是最初引入的 v1.0.0 版本；
执行 Backbone.noConflict() 之后，Backbone 就会回退，指向之前引入的 v1.4.0 版本。
Talk is cheap, let me show the code：
<script src="underscore-min.js"></script>
<script src="jquery.js"></script>
<!-- 引入 1.4.0 版本 -->
<script src="backbone.1.4.0.js"></script>
<!-- 引入 1.0.0 版本 -->
<script src="backbone.1.0.0.js"></script>
<script>
console.log("Backbone", Backbone); // 1.0.0
var localBackbone = Backbone.noConflict();
console.log("Backbone previous", Backbone); // 1.4.0
console.log("localBackbone", localBackbone); // 1.0.0
</script>执行后果：
代码剖析：
先引入 1.4.0 版本，再引入 1.0.0 版本；
能够看到执行后果，第一个 console 进去的 Backbone 版本号，是最初引入的 1.0.0；
当执行了 Backbone.noConflict()之后，Backbone 的版本就会回退成上一个引入的版本 1.4.0。
这个时候如果再执行一次 Backbone.noConflict()，Backbone 就会变成 undefined，因为再往上没有其余 Backbone 的引入了。
咱们再来看看Backbone 的源码：
// Save the previous value of the `Backbone` variable, so that it can be
// restored later on, if `noConflict` is used.
var previousBackbone = root.Backbone;
// Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable
// to its previous owner. Returns a reference to this Backbone object.
Backbone.noConflict = function () {
root.Backbone = previousBackbone;
return this;
};这里不得不赞一句，Backbone 的源码有着丰盛的正文，对于学习源码很有帮忙。
源码剖析：
- 当引入一个 backbone.js 时，框架就会通过
previousBackbone变量，保留一份之前版本的 Backbone（如果之前没有引入 Backbone，这个previousBackbone变量的值就是 undefined）； - 当调用
Backbone.noConflict()时，框架就会把 Backbone 这个变量指向 previousBackbone，也就是上述中保留的之前版本的 Backbone，简称版本回退； Backbone.noConflict()函数 return 的 this，因为这时候 this 指向的还是以后版本的 Backbone，所以咱们看到下面的 localBackbone 版本号还是 1.0.0。
官网文档中对于 noConflict 函数的阐明：
Backbone.noConflict()办法返回了一个 Backbone 对象，这个对象指向了它的原始值（original value 这里指的是以后版本的 Backbone）。你能够应用 Backbone.noConflict()来保留一个 Backbone 的本地援用。如果你不想被第三方网站嵌入的 Backbone 影响到现有的 Backbone，这个办法是十分有用的。
英文比拟好的同学能够间接看原版阐明：
Returns the Backbone object back to its original value. You can use the return value of Backbone.noConflict() to keep a local reference to Backbone. Useful for embedding Backbone on third-party websites, where you don’t want to clobber the existing Backbone.
据说这个抵触解决机制最后是 jQuery 创造的，之后很多框架都借鉴了 jQuery 的做法。于是我也去找了 jQuery 的源码：
var _jQuery = window.jQuery, // Map over jQuery in case of overwrite
_$ = window.$; // Map over the $ in case of overwrite
jQuery.noConflict = function(deep) {if ( window.$ === jQuery) {window.$ = _$;}
if (deep && window.jQuery === jQuery) {
