how to overwrite a builtin method of javascript native objects

Question

Lets say we have alert method of window object. I would like to enhance it with nice alertbox.

Also I want to save the existing alert method so that we can switch back once our application is over.

Something like this, but its throwing error in firefox console.

window.prototype.alert = function(){

}

score 5 · Answer 1 · answered Jan 18 '12 at 11:52

5

There is no window.prototype object. window is a global object of javascript context and it is not created from the prototype.

However, what you want to do is achievable with the following code:

window.old_alert = window.alert;  
window.alert = function(txt) {
      // do what you need
      this.old_alert(txt);
}

answered Jan 18 '12 at 11:52

Krizz

11,362
1
30
43

Actually, there is `Window.prototype`. – niutech Jan 08 '19 at 17:04

score 3 · Accepted Answer · answered Jan 18 '12 at 11:51

3

You can;

var base = window.alert;
window.alert = function(message) {
    document.getElementById("myalertwidget").innerHTML = message;
    return base.apply(this, arguments);
};

answered Jan 18 '12 at 11:51

Alex K.

171,639
30
264
288

`base.apply(this, arguments)` just correctly calls the *original* `alert()` should you wish to do so – Alex K. Jan 18 '12 at 11:58

how to overwrite a builtin method of javascript native objects

2 Answers2

Linked