Extjs 的apply, clone, merge笔记

　　之前一直觉得Ext.apply,Ext.clone,Ext.Object.merge这三个方法都差不多，但是今天仔细看了一下，有些区别如下：

１．apply（b,  a）方法是把a对象的所有属性都复制给 b 对象，如果属性有相同的就覆盖ｂ对象中的属性值，另外一个applyIf()类似

于apply的方法不会覆盖．而且a对象第一层的属性的改变不影响b 对象的第一层的属性，但是ａ对象里面嵌套的对象的属性的改变就会影响到b的．

var a={a:"a",b:"b",c:{c:'c'}}
var b={e:"e"}
Ext.apply(b,a)
b.c.c="aa"
console.log(a)

输出: {a:"a",b:"b",c:{c:"aa"}} ａ的值改变了，因为ｂ里面嵌套的对象的属性值改变了．

 

２．Ext.Object.merge（ｂ，ａ）可以解决上面的apply的问题，ａ中嵌套的对象的属性值的改变不会影响ｂ的属性值．

上面的两个方法只局限于对象，对于数组不可行．

３．var b = Ext.clone(a) 是把a的所有东西都克隆出一份给ｂ，而且ａ的属性值的改变不会影响到ｂ．但是clone这个方法可用于对象

和数组，如下:

var a=[1,2,3]

var b=Ext.clone(a)
delete a[1]
console.log(b)

输出 [1,2,3]