数据绑定的主要示例

Question

我正在用 JavaScript 实现一个准系统框架，它只提供对象之间的数据绑定。数据绑定可以是单向或双向的，并且可能在某个属性上绑定多个对象。有几种可用于各种语言的数据绑定解决方案，我正在努力了解世界上最好的东西，以便从中挑选功能集。到目前为止，我已经研究了以下提供绑定的框架：

• Cocoa
• SproutCore
• jQuery Data-Linking
• WPF
• Flex
• Lava JS

如果缺少支持绑定的框架，请随时编辑问题并添加其他框架。

在您选择的各自框架中，您认为哪些数据绑定功能非常有价值？该框架的目标是尽可能多地消除胶水代码。另外，是否有任何关于该主题的研究论文可供我阅读？

Answer 1

还可以查看其中最古老的工具包之一：Tk 工具包（通常与 tcl 相关联，但也可用于其他语言）。在 Tk 中，更新 GUI 中的值通常通过简单地更新变量来完成：

set foo "Hello" ;# just a simple variable

# Create a label widget displaying "Hello"
pack [label .l -textvariable foo]

# Now change "Hello" to "Goodbye"
set foo "Goodbye"

或者更复杂的例子，一个 10 秒倒计时小部件：

set countdown 10
pack [label .count -textvariable countdown]

proc tick {} {
    incr countdown -1
    if {$countdown > 0} {
        after 1000 tick
    }
}
tick

其实这个特性是从tcl语言本身通过trace命令衍生出来的：

# A simple auto-incrementing variable:

set foo 0
proc autoIncrement {varname args} {
    incr $varname
}
trace add variable foo read {autoIncrement foo}

# now every time foo is read it increments itself by 1

当然，您不能指望所有语言都具有此功能。您可以通过轮询来模拟它，也许使用setInterval()。 Tk 的方式对我来说是最自然的。