A tiny observable library in JS using native ES5 getters and setters. 541 bytes minified and gzipped.
This library is a work in progress. Currently the observable functionality is limited to the first 'level' of an object, meaning nested properties do not have discrete watch functionality. It's up for debate whether it should support nesting of properties or not.
- Add test.
- Add/remove functionality?
- Since the objects are probably used to store state and value data, the need for this may be out of scope, since a user should simply define those properties when creating the Lookout object.
Lookout is packaged with UMD, so you can include it via
require() or as a script tag in your markup.
npm i lookoutjs
var lookout = ;
The library is lazy, i.e. it won't build listener queues or fire any callbacks until they are defined.
Simply pass the object you want to observe to Lookout, and then call
watch() on a property to define a callback function to fire when that value changes.
// Create observable objectvar user =;// Assign callbacks to keys in the objectuser;user;user;// Change key valuesuserfirstName = 'Ryan';usermeta =birthday: '1990-05-08'height: 72;usermetaheight = 65;// Result// 'First name changed to Ryan'// 'You can assign more than...'// 'Meta data updated!'// 'Meta data updated!'