是什么让 jQuery 对象在 Chrome 开发工具中显示为数组？

Question

我想知道 jQuery 对象如何在 Chrome 开发者工具的控制台日志中显示为数组。

例如，如果我执行 $('')，我在控制台日志中看到的是：

[<a>​</a>​]

但以下语句是错误的：

var a = $("<a>");

Array.isArray(a);   // false
a instanceof Array; // false

我尝试修改 jQuery 并查看会发生什么，并且有一件事令人惊讶的是，从 jQuery 函数中删除 length 会删除数组符号：

length: 0, // commenting this line removes array notation

相反，它会显示为（箭头是要展开的实心箭头）：

> jQuery.jQuery.fn.jQuery.init

但是，如果我尝试创建自己的构造函数它应该以数组表示法显示，它不起作用：

var test = function() { this.length = 0 };

new test();

// Logged (arrow is same one as before):
// > test

所以我想知道 jQuery 代码中的什么使开发人员工具将实例显示为数组。 jQuery 中添加了哪些属性/函数/事物，使得开发人员工具在显示实例时将其作为数组处理？

Answer 1

来自 http://api.jquery.com/jQuery.makeArray/：

许多方法，无论是在 jQuery 中还是在 JavaScript 中，通常都会返回类似数组的对象。例如，jQuery 工厂函数 $() 返回一个 jQuery 对象，该对象具有数组的许多属性（长度、[] 数组访问运算符等），但与数组并不完全相同，并且缺少一些属性。数组的内置方法（例如 .pop() 和 .reverse()）。

基本上，对象必须具有 length 和 splice 属性才能类似于数组。这是一个相关的问题： Javascript 中的类似数组的对象

Answer 2

您可能知道这一点，但是 console.log 并没有“按原样”显示传递的内容，它试图变得“智能”并进行一些后期处理。如果您想“按原样”查看原始对象，可以使用 console.dir 方法。