javascript设计模式:方法的链式调用

可以看到，每个方法都以”return this”结束，这就会将调用方法的对象传递给链上的下一个方法。但是，如果我们要操作的数据是通过异步请求来获得的，如何保持方法的链式调用呢？Dustin Diaz为我们提供了一种方法来保证方法的链式调用，他也是《javascript设计模式》一书的作者之一。

他首先构建了一个Queue对象,即：

function Queue() {
  // store your callbacks
  this._methods = [];
  // keep a reference to your response
  this._response = null;
  // all queues start off unflushed
  this._flushed = false;
}

Queue.prototype = {
  // adds callbacks to your queue
  add: function(fn) {
    // if the queue had been flushed, return immediately
    if (this._flushed) {
      fn(this._response);

    // otherwise push it on the queue
    } else {
      this._methods.push(fn);
    }
  },

  flush: function(resp) {
    // note: flush only ever happens once
    if (this._flushed) {
      return;
    }
    // store your response for subsequent calls after flush()
    this._response = resp;
    // mark that it''s been flushed
    this._flushed = true;
    // shift ''em out and call ''em back
    while (this._methods[0]) {
      this._methods.shift()(resp);
    }
  }
};

然后用它作为工具构建我们的异步方法队列链。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!