JavaScript中的简单可观察2路数据绑定

Question

我知道很多著名的MVC，M **样式JavaScript框架都允许与Observables进行2向绑定。

如果我的意思是：

• 更新DOM输入字段，它还将更新JavaScript对象变量，该变量也可以通过AJAX请求保存到服务器。
• 如果我更新JavaScript对象变量，它将依次更新DOM文本字段。

在学习JavaScript的过程中，我希望跳过大名称库，并以最基本的原始JavaSript形式学习如何做到这一点。

任何人都可以在不使用BackboneJS，Knockout，Angular或其他库的情况下提供快速，易于理解的演示此功能吗？

jQuery是可以接受的。

我会很感激这一课，请提供帮助。

Answer 1

在每个框架中这都是不同的。

例如，Angular将作用域上的每个变量都保存下来。 遍历作用域变量并将值与先前的值进行比较，如果有更改，将对DOM进行更改。

他们检查摘要循环时进行此检查。 如果一个周期结束，它将再次调用，直到“观察到”的每个变量都与上一个周期相同。 您也可以将对象或变量添加到此“观察者”。

Angular保持视图为最新，每次都可以调用此摘要，从而可能会更改“观察到的” var，例如http调用，用户交互……但是例如，如果您从angular（控制台）外部更改变量，则该变量更改不对DOM执行。 您必须手动调用摘要循环。

在HTML5中，使用Object.observe稍微容易一些，但是当前市场上所有的浏览器都不支持它。

希望我能帮上忙