Override function (e.g. “alert”) and call the original function?

by

Store a reference to the original function in a variable:

(function() {
    var _alert = window.alert;                   // <-- Reference
    window.alert = function(str) {
        // do something additional
        if(console) console.log(str);
        //return _alert.apply(this, arguments);  // <-- The universal method
        _alert(str);                             // Suits for this case
    };
})();

The universal way is <original_func_reference>.apply(this, arguments) – To preserve context and pass all arguments. Usually, the return value of the original method should also be returned.

However, it’s known that alert is a void function, takes only one argument, and does not use the this object. So, _alert(str) is sufficient in this case.

Note: IE <= 8 throws an error if you try to overwrite alert, so make sure that you’re using window.alert = ... instead of alert = ....

More Related Contents:

  1. JavaScript: Overriding alert()
  2. Overriding a JavaScript function while referencing the original
  3. Calling method using JavaScript prototype
  4. Javascript: Overriding XMLHttpRequest.open()
  5. Override default behaviour for link (‘a’) objects in Javascript
  6. JavaScript override methods
  7. Overriding XMLHttpRequest.open()
  8. How do I add a delay in a JavaScript loop?
  9. How to make cross domain request [duplicate]
  10. When serving JavaScript files, is it better to use the application/javascript or application/x-javascript
  11. JavaScript – why Array.prototype.fill actually fills a “pointer” of object when filling anything like ‘new Object()’
  12. this.setState isn’t merging states as I would expect
  13. In javascript how can I dynamically get a nested property of an object
  14. Why are objects’ values captured inside function calls?
  15. Why is the variable holding the input value always logged as empty?
  16. How to ONLY trigger parent click event when a child is clicked
  17. How to make a jsonp request
  18. Resize a Base-64 image in JavaScript without using canvas
  19. How do I count a JavaScript object’s attributes? [duplicate]
  20. Best way to alphanumeric check in JavaScript
  21. What is the difference between `firstChild` and `firstElementChild`?
  22. How to extract extension from filename string in Javascript? [duplicate]
  23. ng-repeat with ng-transclude inside a directive
  24. How to get difference between 2 Dates in Years, Months and days using moment.js
  25. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  26. How do I export multiple html tables to excel?
  27. Uncaught NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node
  28. Is it possible to make input fields read-only through CSS?
  29. Change language for bootstrap DateTimePicker
  30. How do you split a javascript string by spaces and punctuation?

Leave a Comment