Skip to content

Instantly share code, notes, and snippets.

@XoseLluis
Last active May 15, 2016 02:41
Show Gist options
  • Save XoseLluis/4750176 to your computer and use it in GitHub Desktop.
Save XoseLluis/4750176 to your computer and use it in GitHub Desktop.
Polyfill for the Object.watch/Object.unwatch functions available in Mozilla browsers
/*
Polyfill for the Object.watch/Object.unwatch functions available in Mozilla browsers
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/watch
you have a test here:
http://www.telecable.es/personales/covam1/deployToNenyures/SourceCode/Object.watch.test.js
and can read more here:
http://deploytonenyures.blogspot.com.es/2013/02/objectwatch-polyfill.html
*/
if (!Object.prototype.watch) {
Object.prototype.watch = function(prop, handler){
var desc = Object.getOwnPropertyDescriptor(this, prop);
var newGet;
var newSet;
//these cases make little sense, so do nothing we won't be watching readonly descriptors
if (!desc.configurable
|| (desc.value === undefined && !desc.set)
|| desc.writable === false)
return;
if (desc.value){
var val = desc.value;
newGet = function(){
return val;
};
newSet = function(newVal){
val = handler.call(this, prop, val, newVal);
};
//let's leverage the setter to store initial information to enable "unwatch"
newSet._watchHelper = {
initialType: "dataDescriptor"
};
}
else{
newGet = desc.get;
newSet = function(newVal){
val = handler.call(this, prop, val, newVal);
desc.set.call(this, val);
};
newSet._watchHelper = {
initialType: "accessorDescriptor",
oldDesc: desc
};
}
Object.defineProperty(this, prop, {
get: newGet,
set: newSet,
configurable: true,
enumerable: desc.enumerable
});
};
Object.prototype.unwatch = function(prop){
var desc = Object.getOwnPropertyDescriptor(this, prop);
if (desc.set._watchHelper){
if(desc.set._watchHelper.initialType == "dataDescriptor"){
Object.defineProperty(this, prop, {
value: this[prop],
enumerable: desc.enumerable,
configurable: true,
writable: true
});
}
else{
Object.defineProperty(this, prop, {
get: desc.get,
set: desc.set._watchHelper.oldDesc.set,
enumerable: desc.enumerable,
configurable: true
});
}
}
};
}
@abbood
Copy link

abbood commented Mar 1, 2014

i'm not sure how the test script works.. how are we supposed to test this?

@adriengibrat
Copy link

I've rewrote this, optimized for minification + included some tests :
https://gist.github.com/adriengibrat/b0ee333dc1b058a22b66

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