在保存模型之前等待更改处理程序完成

Question

我有用户模型（Backbone.js），我想更新其设置属性，然后将其保存到服务器。设置为JSON格式，我设置的方式是设置是字符串版本，settingsJSON是对象版本。我将函数绑定到每个函数的更改事件，以便在更改时更新另一个函数。

我遇到的问题是保存方法在更改的处理程序运行完成之前正在运行。有什么办法可以确保该模型的所有事件处理程序都是完整的或类似的东西？

如何我打电话吧：

currentUser.get('settingsJSON').apps = appsEnabled; 
currentUser.save(); 

我的事件处理程序：

Initialize: function() { 
    var that = this; 
    this.on("change:settingsJSON", function(model){ 
     model.set({settings: JSON.stringify(model.get('settingsJSON'))}); 
    }); 

    this.on("change:settings", function(model){ 
     model.set({settingsJSON: JSON.parse(model.get('settings'))}); 
    }); 
} 

@fencliff：

当我运行这和正常工作的变化事件被解雇，我让它将新的设置字符串打印到控制台。

你确定它们是同步调用吗？我加console.log('changed')到.on(change)结束，并把console.log('saved')直接currentUser.save()，每次控制台读取后：

saved 
changed 

现在我刚才提出，以便我stringily的JSON和我之前它直接保存到设置保存并且工作正常。

Answer 1

骨干事件是同步执行的。这意味着，除非您（或某个库）已经重写了事件处理的某些部分，否则只要执行下一行代码，处理程序就会进行处理。

在你的代码示例中还有另一个问题。当你调用

user.get('settingsJSON').apps = appsEnabled; 

的change事件将不火，因为settingsJSON值还没有改变，只是对象的内容进行了修改。 model.attributes.settingsJSON仍然是以前的同一个对象。当你对物业叫set

事件，仅启动，新的值是一个不同对象。例如：

user.set('settingsJSON', _.extend({}, user.get('settingsJSON'), {apps:appsEnabled}); 

另一个问题，这似乎是你的事件处理程序，如果被触发，将导致为其第一套物业被解雇两次change事件：

this.on("change:settingsJSON", function(model){ 
    //-> changes settings, and set triggers change 
    model.set({settings: JSON.stringify(model.get('settingsJSON'))}); 
}); 

this.on("change:settings", function(model){ 
    //-> changes settingsJSON, and set triggers change 
    model.set({settingsJSON: JSON.parse(model.get('settings'))}); 
}); 

要解决该问题，请拨打set与{silent:true}或直接修改model.attributes散列。

编辑更正由@muistooshort。

编辑进一步修正再次