我试图为 Object 设计一个 length() 方法的原型并破坏了 jQuery——如何？

Question

我写了以下内容：

Object.prototype.length = function(){
    var count = -1;
    for(var i in this) count++;
    return count;
}

它有效。但是当我执行我的页面时，即使没有使用这个函数，Firebug 也会告诉我 jQuery 的 .appendTo() 不再是一个函数。为什么会这样？

Answer 1

该原型扩展破坏了$.each 方法，因为该方法使用length 属性（在jQuery 1.4.2 中）检测数组和对象之间：

// core.js Line 533
each: function( object, callback, args ) {
    var name, i = 0,
        length = object.length, // <--- your function from Object.prototype
        isObj = length === undefined || jQuery.isFunction(object);
//...

如您所见，isObj 变量只有在不包含 length 属性（或属性值为 undefined）时才为真。

如果isObj 为假，jQuery 将尝试使用普通的for 循环进行迭代：

for ( var value = object[0];
    i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {}

然后，appendTo 方法是使用$.each 创建的，所以没有定义：

//...
jQuery.each({
    appendTo: "append",
    prependTo: "prepend",
    insertBefore: "before",
    insertAfter: "after",
    replaceAll: "replaceWith"
},
//...

我将始终建议不要扩展 Object.prototype，当您扩展此原型时，所有对象都会收到这些附加属性。

这尤其成问题，因为当您迭代对象的属性时 这些新属性出现，导致各种意外行为。

Answer 2

这可能是因为 jQuery 的 .appendTo （间接）依赖于 Object.length，它是 JavaScript 内置的，不是函数。
如果您真的想将该方法添加到 Object 中，请将其命名为不会干扰现有方法的名称；像 objLength 或 obj_length （或其他）。
您还可以执行以下操作来检查要添加到对象的属性是否已经存在于该对象（直接从 Crockford 提取）：

Object.prototype.method = function (name, func) {
    if (!this.prototype[name]){
        this.prototype[name] = func;
        return this;
    }
};

然后像这样应用你的函数：

Object.method('myLength', function () {
    var count = -1;
    for (var i in this) {
        count += 1;
    }
    return count;
});

而且我知道我的循环在一个完整的语句周围有括号，但它提高了可读性和可维护性。我听说这些都是好东西。