javascript - 当多个 View 共享同一模型时，主干 View 渲染期间的单个服务器调用

Question

我有一个 View 的多个实例，它们之间共享单个模型实例。

在 View 渲染期间，我想调用模型内部的一个函数，该函数使服务器调用仅获取一些数据一次。

由于这些 View 是同一 View 的实例，因此它们都触发模型内的函数。因此进行多个服务器调用。
知道如何才能在模型内触发此函数一次。

Answer 1

假设您正在模型上调用fetch。此调用将返回请求(实际上是一个 jqXHR 对象)。因此，一个非常有用的模式是:

fetchOnce: function() {
    if (!this.fetchRequest || this.fetchRequest.readyState == 4 && this.fetchRequest.status >= 400) {
        this.fetchRequest = this.fetch.apply(this, arguments);
    }
    return this.fetchRequest;
},

这将在调用 fetch 时保存请求，并避免在当前请求正在进行或已成功完成时进行任何其他调用。

因为 jqXHR 对象是 Deferred Promise对象，任何时候调用 fetchOnce 时，都可以添加回调(如 deferred.done ):

model.fetchOnce().done(function() { console.log('model fetched!'); });