Ext.data.Store 中 data 的克隆原理

前端时间开发的时候，需要将Ext.data.Store中的data先储存到一个变量中，然后将把这个store的data清空，最后再把变量中的data load到store中。

代码是这样的：

var tempData = this.store.data.clone();

/* Something else */

this.store.loadData([]);

/* Something else */

this.store.loadData(tempData);

这个时候你会发现，当执行到最后一行的时候，其实tempData的size已经是0，为什么？

大家肯定会想到深拷贝和浅拷贝的区别，答案就在于data (Ext.util.MixedCollection)的clone是浅拷贝

clone(  ) : Ext.util.MixedCollection

Creates a shallow copy of this collection

Available since: 4.0.0

Returns

• Ext.util.MixedCollection

所以要达到我们的需求，必须自己来实现一个deepCopy的动作：

var tempData = this.store.data;

var r = new Ext.util.MixedCollection();

var keys = tempData.keys;

var items = tempData.items;

for(var i = 0, len = items.length; i < len; i++){

    r.add(keys[i], items[i].copy());

}

this.store.loadData([]);

for (var i = 0, len = r.items.length; i < len; i++) {

    this.store.loadData([r.items[i].data], true);

}