3

我有一个用 ExtJS 4.1.1 编写的应用程序，它经常使用一个商店。我从服务器获取数据样本，经过一些验证后，我使用其“添加”方法将其添加到存储中。我会定期执行此操作，并且还会从商店中删除我不需要的记录。

问题是，随着时间的推移，我的应用程序正在消耗越来越多的 RAM，我似乎找到了问题的根源，但我不知道如何处理它。

这是我的商店定义：

this.store = Ext.create('Ext.data.Store', {
        fields: ['when', 'data1', 'data2', 'data3', 'data4', 'data5', 'data6', 'data7', 'data8', 'data9'],
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                root: 'users'
            }
        },
        sorters: [{
            property: 'when',
            direction: 'ASC'
        }]
    });

这就是我从中删除记录的方式：

var record = self.store.getAt(j);
if((record.get('when') <= newMinDate) && (record.get('data'+id) !==' ')) {
  self.store.remove(record);
  record.destroy();
  record = null;
  j--;
  ln--;
}

但是当我在调试这个问题时检查控制台时，我可以看到，记录实际上是从存储中删除的，而不是从内存中删除的。

编辑/更新：我尝试使用您的答案中的建议来解决问题，但都无法解决。可以肯定的是，我得到了正确的问题源，我提取了我的商店代码以更仔细地检查它，看看它是否真的导致了问题。您可以在下面看到整个代码：

Ext.define('TestApp.App', {
extend: 'Ext.app.Application'
});

Ext.application({
extend: 'MyApp.app.Application',

store: null,

launch: function() {
    var self = this;
    self.store = Ext.create('Ext.data.Store', {
        fields: ['when', 'data1', 'data2', 'data3', 'data4', 'data5', 'data6', 'data7', 'data8', 'data9'],
        proxy: {
            type: 'memory'
        },
        sorters: [{
            property: 'when',
            direction: 'ASC'
        }]
    });
    self.beginTask();
},

beginTask: function() {
    var self = this;
    Ext.TaskManager.start({
        run: function() {
            var jsonRaw = *very large json*; //about 650 samples
            var json = Ext.JSON.decode(jsonRaw, true);
//                self.store.add(json.data.samples);
//                var ln = self.store.getCount();
//                for (var j=0; j<ln; j++) {
//                    var record = self.store.getAt(j);
//                    self.store.remove(self.store.getAt(j));
//                    j--;
//                    ln--;
//                    record.destroy();
//                    delete record;
//                }
            json = null;
            jsonRaw = null;
        },
        interval: 1000
    });
}
});

现在奇怪的部分是：即使存储部分像上面的代码清单一样被注释，内存泄漏仍然存在。我在任务管理方面犯了一些错误吗？

4

2 回答 2

5

我发现使用 Ext JS 的许多陷阱之一是它Ext.data.Model#destroy实际上并没有在本地清理记录。该destroy方法使用商店的代理发送对该记录的销毁请求（例如，如果您需要从数据库中删除相应的记录）。如果这是您的预期行为，那么不用担心。

当您从存储中删除记录时，该存储会在名为 的数组中保留对该记录的引用removed。您可以在Ext.data.Store#remove方法的底部看到它。我建议使用 JavaScript 调试器并在删除几次后检查您的商店对象，以查看您的记录是否被缓存。如果是这样，调用store.removed.length = 0;清除它很简单。

于 2013-01-31T13:02:16.560 回答
0

如果您store.sync()在删除后执行 a 会发生什么？不知道这是否有助于内存代理，但我认为它应该删除对已删除记录的引用。remove(record)仅对记录执行操作并不会真正删除该记录，它只是将其标记为要删除，并停止将其公开为商店中可用的状态。至少对于其他代理类型是这样。只有在商店的修改记录（添加、删除、更新）通过store.sync();. 那时，商店将新状态的记录保存在其内部列表中。

也许 sra 无论如何都是正确的，而您自己在其他地方的闭包中持有对记录的引用？

于 2013-01-31T12:58:06.470 回答