模型视图控制器 - JavaScript 状态到函数序列处理(MVC，依赖函数）

model view controller - JavaScript state to function sequence handling (mvc, dependent functions)

本文关键字：函数 处理 MVC 依赖 控制器 JavaScript 状态 模型 视图      更新时间：2023-09-26

>我有一个用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 架构以正确的顺序简化状态处理和函数调用？

谢谢。

让你的国家/地区列表成为 Backke.Collection 并收听其中的事件（通常添加、删除、刷新）。正如 alexanderb 解释的那样，将您的事件链接到渲染调用。

你可以利用主干.js事件来实现这一点。一旦状态更改，就会触发"状态更改"事件。不同的订阅者使用它并执行逻辑的一部分（更新，渲染等）

http://documentcloud.github.com/backbone/#Events-bind

相关文章：