如何在 JavaScript 中最好地实现轮询消费者模式

Question

背景

早在 5 月份，我就在 WebKit 上报告了一个关于 内存 的问题保留问题。看起来问题可能是由于 Web Inspector 本身造成的，但我还不确定。

问题

出现了一个问题，即我的 JavaScript 应用程序实现了“轮询消费者” “当数据可用时获取数据的模式。问题是记忆会在一天中被保留和增长。 JavaScript 逻辑是这样的：

1. 获取数据并给我回电
2. 当我被回电时，处理数据并 然后执行步骤 1

这是在 JavaScript 中实现轮询消费者的合理方法吗？顺便说一下，我使用的是 jQuery 的 ajax 函数，这当然可能有它自己的问题。此外，我使用 jQuery 代理作为成功处理程序，因此我认为范围内的保留不应该成为问题。我在不使用代理的情况下也观察到了这个问题。一些代码：

FidsDataController.prototype.getFids = function() {
  var self = this;
  $.ajax({
...
    success: function(data) {
      // Do some processing
      // Call back in a short while...
      setTimeout($.proxy(self.getFids, self), 100);
    },
...
  });
);

Answer 1

您只有一份 getFids 副本，这很好，但每次调用它时，您都会创建两个新函数：一个用于成功处理程序，另一个来自 $.proxy 打电话。这两个函数在每次调用时并不是唯一的。将它们放入可重用变量中，您将节省大量额外的函数创建，这应该会大大降低内存泄漏的可能性。

我们在构造函数中为每个对象制作一次每个函数的代理版本的示例。重复调用不会生成更多函数：

function FidsDataController() {
  // ...constructor...


  // Proxy these functions just once from the prototype
  this.getFids = $.proxy(this.getFids, this);
  this._getFids_success = $.proxy(this._getFids_success, this);
}

FidsDataController.prototype.getFids = function() {
  var self = this;
  $.ajax({
    success: this._getFids_success;
  });
};

FidsDataController.prototype._getFids_success = function(data) {
  // processing of data
  setTimeout(this.getFids, 100);
};