如何在Array.prototype和Object.prototype上的javascript中定义方法，以便它不会出现在for in循环中

一尘不染

如何在Array.prototype和Object.prototype上的javascript中定义方法，以便它不会出现在for in循环中

javascript

我想在Array.prototype和Object.prototype上定义辅助方法。我目前的计划是执行以下操作：

Array.prototype.find = function(testFun) {
   // code to find element in array
};

这样我就可以做到这一点：

var arr = [1, 2, 3];
var found = arr.find(function(el) { return el > 2; });

它工作正常，但是如果我在循环中遍历数组，for in则方法将显示为值：

for (var prop in arr) { console.log(prop); }
// prints out:
// 1
// 2
// 3
// find

这将使依赖for in来显示值（尤其是对象）的任何人搞砸。更高版本的javascript具有内置于数组中的.map和.filter函数，但这些函数不会出现在for in循环中。如何创建更多不会for in循环显示的方法？

阅读 481

2020-04-25

共1个答案

一尘不染

这很容易：不要在Arrays中使用for-in循环。责怪其他这样做的人- 这是在开发过程中告诉他们的一个好片段。

当然，如果有人在泛型函数中进行枚举并且不知道他是获取数组，纯对象还是带有自定义原型的对象，则可以这样使用hasOwnProperty：

for (var prop in anyObj )
    if (Object.prototype.hasOwnProperty.call(anyObj, prop))
        // do something

请注意，明确使用Object.prototype来获取函数-可能存在覆盖它的对象（尤其是在数据映射中，该值甚至可能不是函数），不支持该对象的对象或不继承自Object.prototype的对象完全没有另请参阅此处。

但是，只有意识到这一问题的脚本作者才能过滤掉他的所有for-in-loops，并且有些人之所以这么做是因为它得到了推荐 -并且这样做大都是错误的，他应该使用for-loop数组迭代。但是我们的问题是那些对此一无所知的作者。

一种有趣的但仅适用于Mozilla的方法是通过重写数组上枚举的行为__iterate__，如此处所示。

幸运的是，EcmaScript 5.1允许我们将属性设置为不可枚举。当然，较旧的浏览器不支持此功能，但是为什么要打扰呢？无论如何，我们都需要对所有很酷的高阶数组使用es5-shims：-) defineProperty像这样使用：

Object.defineProperty(Array.prototype, "find", {
    enumerable: false,
    writable: true,
    value: function(testFun) {
        // code to find element in array
    }
});

2020-04-25