Backbone.Model.save 没有使用服务器响应设置我的模型

Question

我在模型上调用“保存”，并在 PHP 后端以 json 形式返回新模型。当我单步执行 Backbone.Model.save 方法时，我可以看到它成功获取服务器响应，然后设置模型（在下面的 options.success 闭包中）。但是当执行返回到我的点击处理程序时，模型具有旧属性（即未设置 id）。可能会发生什么？

这是我的点击处理程序：

addButtonClick: function(e) {
  var data = $(e.target).closest('form').serializeObject();
  var p = new Domain.Page; // this extends Backbone.Model
  p.set(data);
  p.save();
  // ****
  // **** AFTER p.save, the model p still has the OLD ATTRIBUTES... why??
  // ****
  return false;
}

这是 Backbone 的保存方法：

// Set a hash of model attributes, and sync the model to the server.
// If the server returns an attributes hash that differs, the model's
// state will be `set` again.
save : function(attrs, options) {
  options || (options = {});
  if (attrs && !this.set(attrs, options)) return false;
  var model = this;
  var success = options.success;
  options.success = function(resp, status, xhr) {
    // ****
    // **** NEXT LINE SUCCESSFULLY SETS THE MODEL WITH THE SERVER RESPONSE
    // ****
    if (!model.set(model.parse(resp, xhr), options)) return false;
    if (success) success(model, resp, xhr);
  };
  options.error = wrapError(options.error, model, options);
  var method = this.isNew() ? 'create' : 'update';
  return (this.sync || Backbone.sync).call(this, method, this, options);
},

Answer 1

save 方法是异步的。换句话说，save 中的 model.set 调用发生在服务器响应之后。

您问为什么在调用 save 后值立即相同。答案是：此时，您的代码尚未收到响应。回调尚未被调用。 model.set 尚未被调用。

当您继续并且事件循环从服务器获取响应（这可能是几分之一秒，也可能是几秒钟）之后，您的值将被设置。

Answer 2

我想我知道这里出了什么问题。 Brian 你说得对，这与 Backbone.save 调用的异步性质有关。问题是我正在使用调试器。这将停止所有执行。我实际上不太明白异步调用在幕后是如何工作的，也许是通过线程？我假设在我跳过对“保存”的调用然后等待一秒钟后，“保存”调用的异步部分（无论是什么）将在后台执行。但事实并非如此。调试器停止一切。因此，在跳过“save”之后，“save”中的 options.success 闭包总是会被调用。简而言之，这整件事是因为我没有正确理解 javascript 和 javascript 调试。