extjs中apply和applyIf的用法

本文导读：extjs中apply及applyIf方法都是用于把一个对象中的属性复制到另外一个对象的属性中，相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性，而applyIf只拷贝目标对象中没有，而源对象中有的属性。

apply

方法的签名

apply( Object obj, Object config, Object defaults ) : Object

参数说明

第一个参数是要复制的目标对象；第二个参数是复制的源对象；第三个参数是默认源对象，第三个参数是可选的，意味着如果第三个参数有值，则将第三个参数也复制到目标对象中

apply定义的源代码

JScript 代码   复制

Ext.apply = function(object, config, defaults) {
        if (defaults) {
            Ext.apply(object, defaults);
        }
        if (object && config && typeof config === ‘object‘) {
            var i, j, k;
            for (i in config) {//复制所有属性
                object[i] = config[i];
            }
            if (enumerables) {
                for (j = enumerables.length; j--;) {
                    k = enumerables[j];
                    if (config.hasOwnProperty(k)) {
                        object[k] = config[k];
                    }
                }
            }
        }
            return object;
};

apply实例

下面的代码中，Ext.apply(b2,b1)这一语句把b1的属性拷贝到了b2对象中，因此调用b2的f1方法可以弹出"p2 value"的提示信息。尽管b2对象已经包含了p2属性值，但拷贝后该属性值会被覆盖。

JScript 代码   复制

var b1={ p1:"p1 value", p2:"p2 value", f1:function(){alert(this.p2)}};


var b2=new Object();


b2.p2="b2 value";


Ext.apply(b2,b1);

b2.f1();

可以在调用apply方法时，在第三个参数中指定拷贝属性的默认值，比如下面的代码

Ext.apply(b2,b1,{p3:"p3 value"});

alert(b2.p3);

这样会使得b2中包含一个p3的属性，值为"p3 value"。

applyIf

功能跟apply一样，只是不会拷贝那些在目标对象及源对象都存在的属性。

定义的源代码

JScript 代码   复制

applyIf: function(object, config) {
            var property;
            if (object) {
                for (property in config) {
                    if (object[property] === undefined) {//如果object中不含有这个属性，复制属性，否则不复制
                        object[property] = config[property];
                    }
                }
            }
            return object;
        },

applyIf实例：

比如把前面演示apply方法的代码改成applyIf，如下：

Ext.applyIf(b2,b1);b2.f1();

由于b2中已经存在了p2属性，因此，b2.f1()方法中引用this.p2的时候，得到的是"b2 value"，而不是在b1中定义的"p2 value"。