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);
}