dom 里面也用到了观察者模式？

This topic created in 2609 days ago, the information mentioned may be changed or developed.

比如 html 里面写一个 input 标签，value 是‘ 1 ’
然后用 getElementsByTagName('input')[0]拿到 input 之后，修改 input 的 value 为‘ 2 ’。
那么浏览器就渲染 input 为 2.

这个过程是观察者模式吗

11 replies • 2019-04-04 20:47:09 +08:00

noe132

Apr 4, 2019 via Android

你可以这么理解。+（只不过具体实现复杂很多。

geelaw

Apr 4, 2019 via iPhone

一个过程并不是一个模式，只能说它的实现是不是用了某个模式。几乎所有现代的事件系统都是观察者模式实现的——这是一个很自然的模式（我甚至之前都不知道这还有个名字）。你可以认为 set_input 通知了浏览器的渲染引擎自己的变化。

Mutoo

Apr 4, 2019

这种地方通常不会用到观察者模式，一般作法是脏检测。value 改变的时候，将该元素及所有祖先标记为脏，一帧过后，将所有标记为脏的结点全部重绘。

qping

Apr 4, 2019

@Mutoo #3 所有祖先也需要标记吗

karllynn

Apr 4, 2019

这个要看浏览器是怎么实现的…

你不要把一种现象和一种设计模式直接关联起来…这有无数种可能

Mutoo

Apr 4, 2019

@qping 纠正一下，应该是用脏矩形，将相交的元素标记为待更新。细节可以参阅一下《 Webkit 技术内幕》一书。

NonClockworkChen

Apr 4, 2019

@Mutoo 谢谢，之前朋友圈里还有人专门花 2 倍钱，买了这本书的二手。

qping

Apr 4, 2019

@Mutoo #6 谢谢～

qping

Apr 4, 2019

@Mutoo 这书真是贵啊

还没货

lizhuoli

Apr 4, 2019 via iPhone

@Mutoo 其实这就是观察者模式的标准实现，通过更改的地方触发一个标记或者通知……

Mutoo

Apr 4, 2019

@lizhuoli 观察者模式的实现是订阅 /发布，或者说推送（ push ），而这个是轮询（ pull ）怎么能一样。