浅谈jquery中的extend

extend 有2种常用的方法：

1 扩充 jQuery ，用法详见api。。

2 对象的扩充（我更想叫它合并）： 后面的覆盖前面的， 并且返回被覆盖后的对象...

     var objectA = {a : 'aaa' , b: 'bbb' } ; var objectB = {c : 'ccc' , b: 'b' } ;

      var opt = jQuery.extend(objectA, objectB);  

       console.log(opt); // 结果 opt {a:'aaa', b:'b' , c:'ccc'};


没事，就写了个假的：

    先写一个函数： var  MyExt = function () {...}
   1 扩充，一般是基于  MyExt['name'] = xxx, 所以，当传一个参数时：

if(arguments.length == 1) {

    var obj = arguments[0]; // 让obj等于第一个参数

    var target = this;  // this 是 MyExt

    for( var name in obj){

        target[name] = obj [name];  //加入扩展

    }

}

2 覆盖， 就让他重复好了，，

if(arguments.length == 2) {

    var obj1 = arguments[0], obj2 = arguments[1];

    var target = obj1;

    for( var name in obj2){

        target[name] = obj2 [name];

    }
    return target;

}

    所以，这个方法的雏形就有了（一个可以扩展MyExt,和合并对象的extend）， 当然，是应该优化的！

MyExt.extend = MyExt.prototype.extend = function() {
    if(arguments.length == 1) {
        var obj = arguments[0];
        var target = this;  // this 是 MyExt
        for( var name in obj){
            target[name] = obj [name];
        }
    }
    if(arguments.length == 2) {
        var obj1 = arguments[0], obj2 = arguments[1];
        var target = obj1;
        for( var name in obj2){
            target[name] = obj2 [name];
        }
        return target;
    }

}

如果有兴趣， 参见 jquery-1.3.1.js ... 550 - 600行左右，


原文： http://hi.baidu.com/ezscript/blog/item/05a73752e2d2d32842a75bc4.html