是什么让Firebug/Chrome控制台将自定义对象视为数组？

Question

当我在jQuery中开发时,我经常发现自己在Chrome/Firebug控制台中键入选择器并查看它们给我的内容.它们总是很好地格式化,就像它们是数组一样:

我试图找出使控制台将对象视为数组的原因.例如,以下自定义对象不被视为数组:

function ElementWrapper(id) {
    this[0] = document.getElementById(id);
}

如果我然后添加length属性和splice方法,它神奇地用作数组,任何具有整数键的属性被视为数组的成员:

function ElementWrapper(id) {
    this[0] = document.getElementById(id);
    this.length = 1;
    this.splice = Array.prototype.splice;
}

所以基本上我的问题是:什么决定控制台是否将对象显示为数组？它是否有任何基本原理,或者它是完全随意的"如果一个对象具有这些属性,它必须是一个数组？" 如果是这样,决定性的属性是什么？

Answer 1

这就是Firebug的isArray方法所做的:(来自Firebug源码)

if (!obj)
    return false;
else if (isIE && !isFunction(obj) && typeof obj == "object" && isFinite(obj.length) && obj.nodeType != 8)
    return true;
else if (isFinite(obj.length) && isFunction(obj.splice))
    return true;
else if (isFinite(obj.length) && isFunction(obj.callee)) // arguments
    return true;
else if (instanceOf(obj, "HTMLCollection"))
    return true;
else if (instanceOf(obj, "NodeList"))
    return true;
else
    return false;

当然,这些检查都不能确保对象是真正的JavaScript数组,但是他们可以合理地猜测对象是否是伪数组,从而为调试提供方便的类似数组的表示.

Chrome可能会也可能不会使用这些相同的检查,Firefox 4中的新Web控制台无法将除真正数组之外的任何内容识别为数组.