赋予 Array.prototype 的 JS 函数被视为数组属性

Question

Array.prototype.testi = function() {console.log('hep');}
var b = new Array();

b.push(1, 5, 'b', 'c');

for (var i in b) {
    console.log(b[i]);
}

这将登录（在 Chrome 中）

1
2
b
c
function () {console.log('hep');}

或 http://jsfiddle.net/marqs/6VVka/1 中的实时示例/

我的问题是，为什么该函数显示在清单中，即使它是给数组原型的？

这对于扩展未使用的浏览器功能有影响（例如，如果使用数组等，IE 扩展的 Array.filter 将表现不同）。

编辑： 需要澄清的是，我无法访问执行 for-in 循环的代码，因为它是外部库。因此，问题的提出更多地是关于“为什么会这样”，而不是如何解决这个问题。

Answer 1

JavaScript 对象是属性的集合。在这些属性内部，有一些描述属性的属性。您在这里看到的主要属性是 [[Enumerable]] 属性，它是一种扩展至 JavaScript 中大多数默认对象（例如数组和对象）的元属性。 ECMAScript 5 定义了一种添加非 [[Enumerable]] 对象的方法，但浏览器可能并未广泛支持。

防止枚举不需要的对象属性的一种方法是检查对象属性是否具有名为 [[GetOwnProperty]] 的内部属性方法。这确保了该属性是直接在对象上调用的，而不是沿着原型链的某个地方继承的。

var arr = ['a','b','c'], indexes = [];
Array.prototype.each = function() {/*blah*/}; 

for (var index in arr) {
    if (arr.hasOwnProperty(index)) {
    indexes.push(index);
    }
}

indexes; //["0", "1", "2"]

来源： http://javascriptweblog.wordpress.com/ 2011/01/04/exploring-javascript-for-in-loops/

Answer 2

for-in 循环将循环遍历对象的所有继承属性及其自身属性。 Ecmascript 5 中有一种方法可以隐藏枚举属性，请参阅 Ecmascript 5 对象和属性，但这在 IE 中不起作用。迭代数组的推荐方法是使用普通的 for 循环：

for (var i = 0, len = b.length; i < len; i++)
    console.log(b[i])

这也比 for-in 循环具有更好的性能，因为它避免了通过原型链查找对象的属性。 len 变量用于缓存数组的长度，以避免在循环的每次迭代中查找它。如果您想要更灵活，您可以：

for (var i = b.length; i--;)
    console.log(b[i])

这会反向迭代数组，并避免额外的 len 变量。

Answer 3

您在对象原型上添加的任何内容都将出现在该对象的所有实例中。这就是我们在 javascript 中扩展对象的方法。

请参考：http://phrogz.net/js/classes/ExtendingJavaScriptObjectsAndClasses.html

Answer 4

显然道格拉斯·克罗克福德（Douglas Crockford）写过同样的问题。

缺陷在于 for in 语句，它可以枚举键
存储在对象中，生成对象中的所有键
原型链，而不仅仅是对象本身的键。这导致
继承的方法出现在枚举中，这是不好的。如果会的话
如果 JavaScript 不包含这个缺陷就更好了，但是
幸运的是我们可以围绕它进行编程。

http://yuiblog.com/blog/2006/09/26/为了阴谋/