解决各种javascript类库冲突的办法

今天再次碰到prototype类库源码和jQuery类库源码的冲突问题。

问题背景：

1. 项目中已经大量引入了jQuery代码，所以如果使用conflict的方法的话，势必需要做大量的修改源码工作。
2. 要加入的原生代码或者类库代码很少（片段）

解决思路：因为jQuery类库是在全局对象的基础上创建的，也就是在全局对象的原型链上创建的，所以我们只需要改变原生代码或类库代码片段的原型链（域），就可以了。

示例：

    下面这是一段prototype类库的代码，如果和jQuery同时使用，会出现冲突现象。

<script>

var isIE = (document.all) ? true : false;

var $ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
    create: function() {
        return function() { this.initialize.apply(this, arguments); }
    }
}

var Extend = function(destination, source) {
    for (var property in source) {
        destination[property] = source[property];
    }
}

var Bind = function(object, fun) {
    return function() {
        return fun.apply(object, arguments);
    }
}

    解决办法：

var Sunny= new Object();//创建对象原生代码的顶层对象Sunny,然后在该域下编写类库代码
Sunny.isIE = (document.all) ? true : false;

Sunny.$ = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};

Sunny.Class = {
    create: function() {
        return function() { this.initialize.apply(this, arguments); }
    }
}

Sunny.Extend = function(destination, source) {
    for (var property in source) {
        destination[property] = source[property];
    }
}