Как работать с библиотекой on-change — Q&A Хекслет
2026-02-26 17:27 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-rabotat-s-bibliotekoy-on-change

Ответы

Библиотека on-change из npm предназначена для отслеживания изменений в объектах JavaScript. Она позволяет добавить обработчики событий на изменения свойств объекта.

Для начала установите библиотеку on-change с помощью npm:

Затем можно использовать данную библиотеку в своем коде:

В этом примере вызывается функция onChange(), в которую передается объект и функция-колбек. Функция onChange() возвращает новый объект, который по своей структуре не отличается от переданного объекта.

Теперь, при каждом изменении объекта watchedObj будет вызываться функция-колбек, которая была передана в onChange() вторым параметром.

В свою очередь функция-колбек принимает несколько параметров:

  1. path — это имя ключа (свойство), которое было изменено в объекте. Если ключ вложенный, то имя будет содержать точку-разделитель с полным набором ключей, как это обычно происходит при обращении к вложенному свойству. Например: nested.prop.
  2. value — это новое значение, которое было назначено в свойство при изменении объекта
  3. previousValue — это предыдущее значение, которое хранилось в этом свойстве до изменения объекта

В примере выше, при изменении свойств foo и nested.prop в объекте watchedObj, вызывается обработчик изменений (функция-колбек), который выводит информацию о том, какое значение было до изменения и какое значение стало после изменения.