Skip to content

Instantly share code, notes, and snippets.

@melanke
Forked from eligrey/object-watch.js
Created January 17, 2012 17:32
Show Gist options
  • Star 16 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save melanke/1627705 to your computer and use it in GitHub Desktop.
Save melanke/1627705 to your computer and use it in GitHub Desktop.
watch the changes of some object or attribute
@melanke
Copy link
Author

melanke commented Jan 23, 2012

It is really usefull!

@netorica
Copy link

seems to have some conflicts with jquery... I used a lot of jquery functions and seems it become undefined when i just include this script on my pages

@melanke
Copy link
Author

melanke commented Apr 20, 2012

Thank you very much! I've updated the gist! I think now you are able to use JQuery properly! =)

@melanke
Copy link
Author

melanke commented Apr 23, 2012

the method attributes() was removed, it is not necessary anymore

@MikeAski
Copy link

Otherwise, you've got EmberJS for those kind of stuff...

@melanke
Copy link
Author

melanke commented Jul 20, 2012

EmberJS is pretty much similar to BackboneJS, isn't it?

The purpose of WatchJS is to give freedom to the developer.

"with Watch.JS you will not have to change your way to develop"

WatchJS use your objects, anyway you want to build them.

EmberJS force you to use his constructor. I dont like it

@penartur
Copy link

It is not that obvious from the readme that watchAll only watches for properties that were defined at the moment of call to watchAll.

E.g.

var obj = {
    attr1: 0,
};

ex3.watch(function(){
    alert("Something was changed");
});

ex3.attr0 = 1; //triggers the observer; the alert is shown.
ex3.attr1 = 1; //does not trigger the observer; the alert is not shown.

@melanke
Copy link
Author

melanke commented Oct 18, 2012

@penartur it is explained in the paragraph "Chill out, no surprises, new attributes will not be considered"

@hellodaylight
Copy link

This is really useful. Thanks. One question: when watching more than one properties, is there a way to see what and how it was changed? i.e.:

o.watch(["x","y","z"], function (id, oldval, newval) {
console.log( "o." + id + " changed from " + oldval + " to " + newval );
});

@melanke
Copy link
Author

melanke commented Nov 10, 2012

With the new version of Watch.JS it is possible

Here is a sample:
http://jsfiddle.net/XnbXS/1/

Read the short-full-documentation:
https://github.com/melanke/Watch.JS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment