将自定义函数添加到Array.prototype中

Question

我正在开发一个支持AJAX的asp.net应用程序.我刚刚为Array.prototype添加了一些方法

Array.prototype.doSomething = function(){
   ...
}

这个解决方案对我有用,可以以"漂亮"的方式重用代码.

但是当我测试它与整个页面一起工作时,我遇到了问题.我们有一些自定义的ajax扩展器,并且它们开始表现为意外:一些控件在其内容或值周围显示"未定义".

可能是什么原因？我错过了修改标准对象原型的一些内容吗？

注意:我很确定在修改Array的原型时错误就开始了.它应该只与IE兼容.

Answer 1

修改内置对象原型通常是一个坏主意,因为它总是有可能与同一页面上的其他代码冲突.

在Array对象原型的情况下,这是一个特别糟糕的主意,因为它有可能干扰迭代任何数组成员的任何代码段,例如for .. in.

为了说明一个例子(从这里借来):

Array.prototype.foo = 1;

// somewhere deep in other javascript code...
var a = [1,2,3,4,5];
for (x in a){
    // Now foo is a part of EVERY array and 
    // will show up here as a value of 'x'
}

最好使用doSomething函数创建自己类型的对象构造函数,而不是扩展内置数组.

编辑:重复我在评论中的内容:

反之亦然 - 你应该避免使用..如果某些n00b修改了Array原型,你应该避免修改Array原型,以防某些n00b在数组上使用for..in.;)

此外,现在存在Object.defineProperty扩展对象原型而不使新属性可枚举的一般方法,尽管我仍然不会将其用作扩展内置类型的理由,因为即使此外Object.defineProperty仍有可能与其他冲突其他脚本.考虑有人为您的代码提供代码,然后将两个版本放在同一页面上 - 您对Array对象的自定义增强功能是否仍然可以按预期工作？

Answer 2

虽然与其他位置发生冲突的可能性代码覆盖原型上的函数仍然存在风险,但如果您想使用现代版本的JavaScript执行此操作,则可以使用Object.defineProperty方法,关闭可枚举位,例如

// functional sort
Object.defineProperty(Array.prototype, 'sortf', {
    value: function(compare) { return [].concat(this).sort(compare); }
});

Answer 3

有一个警告!也许你这样做了:小提琴演示

让我们说一个返回第一个元素的数组和方法foo:

var myArray = ["apple","ball","cat"];

foo(myArray) // <- 'apple'

function foo(array){
    return array[0]
}

以上是可以的,因为在解释时间内功能被提升到顶部.

但是,这不起作用:(因为原型未定义)

myArray.foo() // <- 'undefined function foo'

Array.prototype.foo = function(){
    return this[0]
}

为此,只需在顶部定义原型:

Array.prototype.foo = function(){
    return this[0]
}

myArray.foo() // <- 'apple'

是的!你可以覆盖原型!这是允许的.您甚至可以add为Arrays 定义自己的方法.