Как отследить факт изменения объекта?

Question

[zkrvndm]

Хочу написать функцию, которая позволяет вешать на объекты обработчики изменения, которые срабатывают при любом изменении объекта на любом уровне вложенности свойств. Для реализации задуманного планирую использовать прокси.

И что-то я застрял... никак не могу сладить с рекурсией которая возникает при попытке влезать на все уровни вложенности объекта. Я явно изобретают велосипед, может где-нибудь уже есть реализация в виде готовой к применению библиотеки?

Answer 1

[denisromanenko]

https://github.com/ElliotNB/observable-slim

Comments

[zkrvndm]

Благодарю за данный ответ, он мне помог.

Answer 2

[Сергей Соколов]

«реактивность» можно погуглить, наверное – то, что например, во Vue используется. Они даже публикуют отдельно vue/reactivity.

Или вот ещё, мало звёзд, но:

1. ddla12/Reactivity
   
2. matejsvajger/reactive-object
   

Comments

[zkrvndm]

Не-не, мне реактивность и даром не нужна, про Vue вы мне уже как-то давно советовали) Чисто небольшое решение хочется, чтобы при любом изменении объекта стартовал колбек.

[Сергей Соколов]

Надим Закиров, ну вот именно этот отдельный функционал и есть по ссылкам

[Alexandroppolus]

ещё МобХ в эту копилку

Answer 3

[Владимир Коротенко]

Где то так, мне как то пришлось вырезать из скрипта чужой библиотеки функцию, и только это помогло в случае IE
https://developer.mozilla.org/en-US/docs/Web/API/M...

Comments

[zkrvndm]

Но ведь MutationObserver работает только с документом.

[Владимир Коротенко]

Надим Закиров, А вам что нужно?

[zkrvndm]

Владимир Коротенко, чтобы при изменении объекта срабатывал колбек, не взирая на вложенность глубины изменения.

[Сергей delphinpro]

Владимир Коротенко, JS объект, а не DOM

[Владимир Коротенко]

Сергей delphinpro, тогда просто более обобщенный вариант
https://monsterlessons.com/project/lessons/observe...
паттерн известен