Google JavaScript 样式指南advises against extending the Array.prototype。
但是，我使用Array.prototype.filter = Array.prototype.filter || function(...) {...} 作为在不存在它们的浏览器中使用它（和类似方法）的一种方式。 MDN其实提供了similar example。
我知道Object.prototype 的问题，但Array 不是哈希表。
在扩展Array.prototype 时可能会出现哪些问题，Google 建议不要这样做？
【问题讨论】：
标签： javascript coding-style prototype
我想添加一个额外的答案，它允许在不破坏 for .. in 循环的情况下扩展 Array 原型，并且不需要使用 hasOwnPropery：
不要使用这种导致原型值出现在for .. in中的糟糕方法：
Array.prototype.foo = function() { return 'foo'; };
Array.prototype.bar = function() { return 'bar'; };
let a = [ 1, 2, 3, 4 ];
console.log(`Foo: ${a.foo()}`);
console.log(`Bar: ${a.bar()}`);
console.log('==== Enumerate: ====');
for (let v in a) console.log(v);改为使用Object.defineProperty 和enumerable: false - 它的存在正是出于这个原因！
Object.defineProperty(Array.prototype, 'foo', {
value: function() { return 'foo'; },
enumerable: false
});
Object.defineProperty(Array.prototype, 'bar', {
value: function() { return 'bar'; },
enumerable: false
});
let a = [ 1, 2, 3, 4 ];
console.log(`Foo: ${a.foo()}`);
console.log(`Bar: ${a.bar()}`);
console.log('==== Enumerate: ====');
for (let v in a) console.log(v);注意：总的来说，我建议避免使用for .. in 枚举Arrays。但是这些知识对于扩展适合枚举的类的原型仍然很有用！
【讨论】：
我相信这个问题值得更新 ES6 答案。
ES5
首先，正如许多人已经说过的那样。将原生原型扩展到 shim 或 polyfill 新标准或修复错误是标准做法，并且无害。例如，如果浏览器不支持 .filter 方法if (!Array.prototype.filter)，您可以自行添加此功能。事实上，该语言就是为了管理向后兼容性而设计的。
现在，您会原谅认为由于 JavaScript 对象使用原型继承，扩展像 Array.prototype 这样的本机对象而不干扰应该很容易，但直到 ES6 才可行。
例如，与对象不同，您必须依赖和修改Array.prototype 才能添加您自己的自定义方法。正如其他人指出的那样，这很糟糕，因为它会污染全局命名空间，可能会以意想不到的方式干扰其他代码，存在潜在的安全问题，是大罪等。
在 ES5 中，您可以尝试破解它，但实现并不是真正有用。如需更深入的信息，我建议您查看这篇内容丰富的帖子：http://perfectionkills.com/how-ecmascript-5-still-does-not-allow-to-subclass-an-array/
您可以将方法添加到数组，甚至是数组构造函数，但是在尝试使用依赖于 length 属性的本机数组方法时会遇到问题。最糟糕的是，这些方法将返回一个原生的Array.prototype，而不是你闪亮的新子类数组，即：subClassArray.slice(0) instanceof subClassArray === false。
ES6
但是，现在有了 ES6，您可以使用 class 结合 extends Array 来对内置函数进行子类化，从而克服所有这些问题。它保持Array.prototype 不变，创建一个新的子类，它继承的数组方法将属于同一个子类！ https://hacks.mozilla.org/2015/08/es6-in-depth-subclassing/
请参阅下面的小提琴进行演示： https://jsfiddle.net/dmq8o0q4/1/
【讨论】：
作为对 Jamund Ferguson 答案的现代更新：
通常不扩展 Array.prototype 或其他原生原型的建议可能归结为以下之一：
- for..in 可能无法正常工作
- 其他人可能还想用相同的函数名扩展 Array
- 它可能无法在所有浏览器中正常工作，即使使用 shim。
现在可以在 ES6 中通过使用 Symbol 添加您的方法来缓解第 1 点和第 2 点。
它使调用结构稍微笨拙，但添加了一个不可迭代且不易复制的属性。
// Any string works but a namespace may make library code easier to debug.
var myMethod = Symbol('MyNamespace::myMethod');
Array.prototype[ myMethod ] = function(){ /* ... */ };
var arr = [];
// slightly clumsier call syntax
arr[myMethod]();
// Also works for objects
Object.prototype[ myMethod ] = function(){ /* ... */ };
优点：
缺点：
【讨论】：
Array.prototype.f = Array.prototype[ myMethod ]），那么该方法可用于（并可能与）其他库代码发生冲突。
大多数人都忽略了这一点。对Array.prototype.filter 之类的标准功能进行填充或填充，使其在旧版浏览器中运行在我看来是个好主意。不要听那些讨厌的人。 Mozilla 甚至在 MDN 上向您展示了如何做到这一点。通常不扩展 Array.prototype 或其他原生原型的建议可能归结为以下之一：
for..in 可能无法正常工作以下是我的回复：
for..in。如果你这样做，你可以使用hasOwnProperty 来确保它是合法的。Array.prototype.filter。Object.keys 添加到 IE7。它似乎在某些情况下停止工作。您的里程可能会有所不同。查看这些参考资料：
祝你好运！
【讨论】：
hasOwnProperty，您仍然会越过length，这在大多数情况下是没有意义的。
for..in 在 Three.js 的 SEA3D 加载器中中断，我对Array.prototype 进行了添加。事实上，three.js 的大部分内容都使用for..in。真的，当心。这些不是必须找到的令人愉快的错误。
Object.defineProperty()扩展Array.prototype对象可以避免枚举问题
您可以使用poser 库轻松创建某种沙箱。
看看https://github.com/bevacqua/poser
var Array2 = require('poser').Array();
// <- Array
Array2.prototype.eat = function () {
var r = this[0];
delete this[0];
console.log('Y U NO .shift()?');
return r;
};
var a = new Array2(3, 5, 7);
console.log(Object.keys(Array2.prototype), Object.keys(Array.prototype))
【讨论】：
Prototype 这样做。这是邪恶的。下面的 sn-p 演示了这样做会如何产生意想不到的结果：
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script language="javascript">
a = ["not", "only", "four", "elements"];
for (var i in a)
document.writeln(a[i]);
</script>
结果：
not only four elements function each(iterator, context) { var index = 0; . . .
还有大约 5000 个字符。
【讨论】：
我会给你要点，用关键句子，来自 Nicholas Zakas 的优秀文章Maintainable JavaScript: Don’t modify objects you don’t own：
基本上，不要这样做。即使您的项目永远不会被其他任何人使用，并且您永远不会导入第三方代码，也不要这样做。当你开始尝试与他人和睦相处时，你会养成一个很难改掉的可怕习惯。
【讨论】：
VeryUsefulObject 但它仍然缺少 exactlyWhatINeed 方法怎么办？
在您自己的应用程序代码中扩展Array.prototype 是安全的（除非您在数组上使用for .. in，在这种情况下您需要为此付费并享受重构它们的乐趣）。
在您打算让其他人使用的库中扩展本机主机对象并不酷。您无权破坏您自己图书馆中其他人的环境。
要么在lib.extendNatives() 等可选方法后面执行此操作，要么将[].filter 作为要求。
【讨论】：
有些人使用for ... in 循环来遍历数组。如果您向原型添加方法，循环还将尝试迭代 that 键。当然，您不应该为此使用它，但有些人还是会这样做。
【讨论】：
您要覆盖的函数可能会被内部 javascript 调用使用，这可能会导致意外结果。这就是制定该指南的原因之一
例如，我覆盖了数组的 indexOf 函数，它弄乱了使用 [] 访问数组。
【讨论】：
[]。除非你做错了什么
indexOf 时，您肯定首先测试该函数不存在吗？仅在浏览器尚不支持时添加您自己的。
扩展原型是一个只能使用一次的技巧。您这样做并且您使用的库也这样做（以不兼容的方式）并且boom！
【讨论】：