我尝试为 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< /code>方法，因为此方法使用 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< 时，它才为 true /code> 属性（或属性值为未定义）。

如果 isObj 为 false，jQuery 将尝试使用正常的 for 循环进行迭代：

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

然后，使用 $ 创建 appendTo 方法。每个，这就是为什么没有定义：

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

当你扩展这个原型ALL始终建议远离扩展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;
});

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