问jQuery返回的对象的实际类型是什么？

EN

什么是jQuery对象？

$()或jQuery()函数返回jQuery对象。它不是一个Array，也不是一个NodeList，也不是从其中任何一个派生出来的。它是一个由Object构造函数(实际上是jQuery.fn.init()函数)创建的jQuery.fn.init()。这个对象非常类似于用Object创建的任何其他new SomeConstructor()，甚至是普通的对象文本。

当您调用$()或jQuery()而没有new运算符时，它是为了你

jQuery = function( selector, context ) {
    // The jQuery object is actually just the init
    // constructor 'enhanced'
    return new jQuery.fn.init( selector, context, rootjQuery );
},

jQuery对象在某种程度上“类似数组”，因为它具有带有数字索引和.length属性的属性，但这些只是直接在jQuery代码中的对象中设置的属性。它还具有来自其原型的许多属性和方法，即jQuery.fn或jQuery.prototype (jQuery.fn只是对jQuery.prototype的引用；它们是同一个对象)。

您可以在$(element)中看到这方面的示例。

// HANDLE: $(DOMElement)
} else if ( selector.nodeType ) {
    this.context = this[0] = selector;
    this.length = 1;
    return this;
} ...

在这段代码中，selector实际上是一个DOM元素，代码将该元素存储在this[0]中，并将this.length设置为1。这就是为什么您可以使用[0]和.length，因为对象具有显式设置的这些属性。

为什么jQuery对象会像数组一样显示？

这里涉及到一些魔法，但神奇之处在于Firebug和Chrome开发工具。它们都在寻找两个特定的属性来决定显示一个对象，就好像它是一个数组一样：

1. length属性，它要么是数字，要么是包含数字的字符串。
2. splice属性，它是一个函数。

如果对象同时具有这些属性，则显示为数组。

您可以通过将以下行粘贴到Chrome DevTools或Firebug中进行测试：

({ splice:function(){}, length:0 })

Chrome显示器：

[]

萤火虫显示：

Object[ ]

删除任何一个属性，它将显示为一个对象。

这些属性是否位于对象本身或其原型中并不重要。您可以将此代码粘贴到任一控制台中，它将显示与上面代码相同的类似数组的表示法：

function A(){}; A.prototype = { splice:function(){}, length:0 }; new A;

您可以向“数组”添加一个元素：

({ splice:function(){}, length:1, 0:'test' })

现在Chrome显示：

["test"]

和Firebug显示：

Object[ "test" ]

请注意，Firebug显示与它为实际Array显示的内容不完全相同。Firebug将这个Object前缀放在类似数组的显示器前面，以让您知道它不是实际的Array。

它也在jQuery对象上这样做。如果你进入：

$(document.body)

萤火虫显示：

Object[ body ]

您可以单击单词Object来获得jQuery对象的完整对象样式显示，而不是类似数组的显示。

Chrome没有区分这一点；它以相同的方式显示Array或类似数组的Object。

这就是魔法。它在jQuery中没有什么特别之处，只是它返回的对象确实具有length和splice属性。splice()方法位于prototype上，length属性可能来自prototype (对于空的“数组”)，或者更经常来自jQuery对象本身。

这两个属性触发了真正的魔力: DevTools和Firebug中的黑客试图为这样的对象提供更有用的显示。

吹嘘权:-)

一些历史上的琐事:我实际上负责jQuery架构的这一部分。2006年初，jQuery的第一个版本并不是这样工作的。jQuery对象没有.length和[0]、[1]等属性。相反，它有自己的“私有”数组，您必须使用.get(n)从该数组中获取值。

我认为使用类似数组的直接访问元素会更方便，并提出了设置.length、[0]、[1]等属性的想法，这样就可以像只读数组一样工作。

我的理解是Array的一个子类，它继承自Array类，并有自己的方法

以上变动：

它不是数组的子类。但是它是由数组生成的，但是在数组对象创建后，jQuery用自己的原型jQuery修改了对象原型，最终成为类似于数组的jQuery对象。