jQuery + extends Object.prototype = "c.replace 不是一个函数"

Question

我在我的开源项目中使用 jQuery 1.5，并且以下行也出现在我自己的 Javascript 代码中：

/**
 * Object.isEmpty()
 *
 * @returns {Boolean}
 */
Object.prototype.isEmpty = function ()
{
    /**
     * @deprecated Since Javascript 1.8.5
     * @see https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object
     */
    if ( this.__count__ !== undefined )
    {
        return this.__count__ === 0 ? true : false;
    }

    /* Less-aesthetic method, if above method fails */
    for ( var property in this )
    {
        if ( this.hasOwnProperty(property) )
        {
            return false;
        }
    }
    return true;
};

它只是扩展了 Object.prototype，向其添加 isEmpty() 方法 [检查对象是否为空]。由于此添加，我在 Firebug 控制台中收到“c.replace 不是函数”错误；我在网络上的研究引导我找到了 jQuery bug 跟踪器消息，在那里我“学会”了扩展Object.prototype 不仅破坏了 jQuery，而且也是不好的编码习惯。我的问题是，为什么？

Answer 1

ECMA-262 第五版（和 JavaScript 1.8.5）可以通过 Object.defineProperty 和 Object.defineProperties 方法，通过设置 enumerable< /code> 属性字段设置为 false。 Chrome 5、Safari 5、Firefox 4 和 Internet Explorer 9 或任何最近使用 V8 的服务器端实现（如 Node.js）中都提供了该功能。

Answer 2

基本上，这是因为扩展 Object.prototype 破坏了 for ... in 习惯用法。

在 Javascript 中，如果您有一个对象：

var obj = { "foo": 0, "bar": 42 };

您可以通过执行以下操作来迭代其成员：

for (var key in obj) {
    // Do Something.
}

扩展 Object.prototype 将导致扩展成员出现在所有对象实例中，因此上面的代码将迭代更多键比 foo 和 bar 更可能会产生意想不到的结果。

您可以在此处找到演示该问题的小提琴。

Answer 3

1) 如何向 Object 添加（扩展）附加方法（而不是属性）？

只要第三方代码在您的页面上运行，您就不应该运行。

2) 如果您可以在 hasOwnProperty() 的帮助下区分对象的直接子对象和全局对象，为什么这是一个糟糕的编码？

因为其他程序员很可能很懒，而您破坏了他们的代码。最好不要修改不属于您的东西。 Object.prototype 就是其中之一。

在您自己的范围内使用 MyLib.isEmpty(obj) 或 isEmpty(obj) 这样就不会发生冲突。