jQuery extend扩展

jQuery源码中的extend扩展:

jQuery.extend = jQuery.fn.extend = function () {
     ...
};

我们可以用$.extend去扩展自定义的对象，实现方式：

1，通过$.extend扩展

    /**

    * 扩展对象,override参数的作用是是否覆盖第一个对象中的已有属性,true时覆盖，false时不覆盖.

    * @param {Object}

    * @param {Boolean}

    * @return {Object}

    */

    $.extend = function (destination, source, override) {

        if (override === undefined) {

            override = true;

        }

        for (var property in source) {

            //如果override为true时(不提供此参数时也为true)，则覆盖第一个对象的已有属性

            //如果override为false时且第一个对象destination的属性不存在source对象中，则不覆盖第一个对象的已有属性

            if (override || !(property in destination)) {

                destination[property] = source[property];

            }

        }

        //返回合并后的对象

        return destination;

    };

2，通过$.deepextend扩展

/**

    * 深度扩展对象--适用于对象的属性也是对象的情况

    * @param {Object}

    * @return {Object}

    */

    $.deepextend = function (destination, source) {

        for (var property in source) {

            var copy = source[property];//获取source属性值



            if (destination === copy) {

                continue;

            }



            //如果copy是一个对象，则递归调用(并传入copy参数)，直到copy不是一个对象为止

            if (typeof copy === 'object') {

                destination[property] = arguments.callee(destination[property] || {}, copy); //递归调用

            //否则直接把copy赋值给destination对象的属性(此时与$.extend方法等价)

            } else {

                destination[property] = copy;

            }

        }

        return destination;

    };

3，通过$.fn.extend扩展

function fun(){}//定义一个类（函数）

 

//给该类原型上添加一个方法extned

fun.prototype.extend = function(obj){

    for(var a in obj)

        this[a] = obj[a];//注意：这里的this即是fun.prototype

}           

 

//调用extend方法给fun.prototype上添加属性，方法

fun.prototype.extend({name:"fun2",method1:function(){}})

 

//输出name,extend,method1

console.dir(new fun());