ES6 使用Proxy实现观察者模式

最新推荐文章于 2024-07-02 15:21:53 发布

原创最新推荐文章于 2024-07-02 15:21:53 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

63 篇文章

订阅专栏

ES6

17 篇文章

订阅专栏

本文深入探讨了观察者模式，一种使函数能自动观察数据对象变化的设计模式。一旦数据对象发生改变，所有注册的观察者函数将自动执行。通过使用Set集合存储观察者，并利用Proxy对象实现对象属性的监听，文章提供了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

观察者模式指的是函数自动观察数据对象的模式，一旦对象有变化，函数就会自动执行。

const queuedObservers = new Set()

const observe = fn => queuedObservers.add(fn)

const observable = obj => new Proxy(obj, {set})

function set(tartget, key, value, receiver) {
    const result = Reflect.set(target, key, value, receiver)
    queuedObservers.forEach(observer => observer())
    return result
}