Question:
Can I override "default" functions in Javascript?
Background:
After figuring out that I had collisions between objects stored in localStorage
, I decided that I should apply a prefix to all keys to avoid collisions. Obviously, I could create a wrapper function, but it would be so much neater to override the default localStorage.getItem
& localStorage.setItem
directly to take my prefix into account.
My example kills Firefox completely as it recursively calls itself, so it clearly isn't close to a solution. Perhaps it clarifies what I want to accomplish though.
Code:
Storage.prototype.setItem = function(key, value) {
this.setItem("prefix"+key, value);
};
Storage.prototype.getItem = function(key, value) {
return this.getItem("prefix"+key);
};
You need to store the old function.
Storage.prototype._setItem = Storage.prototype.setItem;
Storage.prototype.setItem = function(key, value) {
this._setItem("prefix" + key, value);
};
Storage.prototype._getItem = Storage.prototype.getItem;
Storage.prototype.getItem = function(key) {
return this._getItem("prefix" + key);
};
If you don't, you get an infinite loop consuming stack space at every iteration, resulting in a stack overflow, crashing your browser :)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With