JavaScript: What dangers are in extending Array.prototype?

by

Most people missed the point on this one. Polyfilling or shimming standard functionality like Array.prototype.filter so that it works in older browsers is a good idea in my opinion. Don’t listen to the haters. Mozilla even shows you how to do this on the MDN. Usually the advice for not extending Array.prototype or other native prototypes might come down to one of these:

  1. for..in might not work properly
  2. Someone else might also want to extend Array with the same function name
  3. It might not work properly in every browser, even with the shim.

Here are my responses:

  1. You don’t need to use for..in on Array’s usually. If you do you can use hasOwnProperty to make sure it’s legit.
  2. Only extend natives when you know you’re the only one doing it OR when it’s standard stuff like Array.prototype.filter.
  3. This is annoying and has bit me. Old IE sometimes has problems with adding this kind of functionality. You’ll just have to see if it works in a case by case basis. For me the problem I had was adding Object.keys to IE7. It seemed to stop working under certain circumstances. Your mileage may vary.

Check out these references:

Good luck!

More Related Contents:

  1. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  2. When is JavaScript’s eval() not evil?
  3. __proto__ VS. prototype in JavaScript
  4. Understanding the difference between Object.create() and new SomeFunction()
  5. What is the significance of the Javascript constructor property?
  6. How can I set multiple CSS styles in JavaScript?
  7. typeof !== “undefined” vs. != null
  8. Unobtrusive JavaScript: at the top or the bottom of the HTML code?
  9. Prototyping Object in Javascript breaks jQuery?
  10. What is the `constructor` property really used for? [duplicate]
  11. Properties of Javascript function objects
  12. In JavaScript, why typeof Function.prototype is “function”, not “object” like other prototype objects?
  13. JavaScript: instanceof operator
  14. How can I extend Array.prototype.push()?
  15. Update parent scope variable in AngularJS
  16. What is the significance of the double brackets for the [[prototype]] property in JavaScript?
  17. Traits in javascript [closed]
  18. Objects don’t inherit prototyped functions
  19. Javascript document write overwriting page?
  20. Why use semicolon? [duplicate]
  21. What is “?:” notation in JavaScript?
  22. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  23. Why is JSON.stringify not serializing prototype values?
  24. Why is it impossible to change constructor function from prototype?
  25. this Vs. prototype [duplicate]
  26. What’s the JavaScript’s Object.prototype behavior?
  27. Javascript Number Prototype Set Value Directly [duplicate]
  28. JavaScript style for optional callbacks
  29. How can I programmatically copy all of the style attributes from one DOM element to another
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment