JavaScript 状态到函数序列处理(mvc，依赖函数)

我有一个用 JavaScript 编写的“交互式图表应用程序”。

在其他属性中，状态包含一个“当前”数组:

state = {
    current: ["USA", "Norway", "Japan"],
    [...]
}

将一个国家添加到此列表(或更改一般状态)时，应触发一系列函数 - 例如:

function add(country){
     state.current.push(country);
}

=> updateYmax() then updateScales() then render()

在这种情况下，render() 依赖于 updateScales()，而 updateScales() 又依赖于 updateYmax()。

什么是最佳实践 - 在 JavaScript 中 - 以保持上述简单？您能否举例说明如何使用 Backbone.js 或其他 MVC 架构以正确的顺序简化状态处理和函数调用？

谢谢。

最佳答案

让您的国家/地区列表成为一个 Backbone.Collection 并从中监听事件(通常添加、删除、刷新)。正如 alexanderb 所解释的那样，将您的事件链接到渲染调用。

关于JavaScript 状态到函数序列处理(mvc，依赖函数)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5937404/