javascript - 为什么控制台不显示从选择器返回的 jQuery 对象的方法？

Question

我知道如果我输入:

$('body');

我得到一个 jQuery 对象。然而，在 chrome 的控制台上，我只能看到 jQuery 对象的内部数组，尽管事实上 jQuery 方法可以像

$('body').hide();

为什么控制台没有向我显示所有可访问的方法以及 jQuery 是如何做到这一点的？

如果只是因为这些方法是在原型(prototype)上定义的，那么为什么我会写下这些行:

function Person(){this.myProp = 'test'};
var person = new Person();
Person.prototype.proto = 'test2';

然后我在 chrome 中检查 person 我会看到:

__proto__:人
构造函数:Person()
原型(prototype):“test2”

但是当检查$('body');时，开发工具上没有显示proto？

Answer 1

这些方法位于对象的原型(prototype)上。默认情况下，控制台和 console.log() 都不会在原型(prototype)上显示项目。

如果您在 Chrome 调试器中检查 jQuery 对象，您可以展开原型(prototype)，然后可以看到其中的所有方法。

所以，您所看到的只是控制台的所选实现。它显示直接实例属性，而不是原型(prototype)上的项目。

<小时/>

当我将此代码放入页面时:

function Person(){this.myProp = 'test'};
Person.prototype.proto = 'test2';

var person = new Person();
var jq = $("body");

然后，在 Chrome 调试器中检查 person 和 jq，我看到了:

它显示了两个对象的`proto属性。而且，如果我扩展 jQuery 对象的该属性，它确实会显示所有方法。