相当于 Javascript 中 Python 的目录

Question

当我从解释器编写 Python 代码时，我可以输入 dir() 来获得当前作用域中定义的名称列表。当我使用 Firebug、Chrome 控制台等交互式控制台从浏览器开发 Javascript 代码时，如何以编程方式获得相同的信息？

Answer 1

Object中有keys方法，例如：

Object.keys(object)

但是这个只返回对象自己的属性和方法。
要列出对象的所有属性和方法，我知道有两种可能性：

1. Firefox 的 firebug 控制台中的 console.dir(object) 方法和
2. Google Chrome 开发中的 dir(object) 方法工具。

Answer 2

如果您需要一个简单的解决方案，这可能对您有用：

function dir(object) {
    stuff = [];
    for (s in object) {
        stuff.push(s);
    }
    stuff.sort();
    return stuff;
}

Answer 3

在Chatzilla的代码中，有几个功能仅此功能，您必须正确检查许可证，以查看是否可以将其撕开并在任何地方使用它们。

相关功能可以在

dumpObject 和 dumpObjectTree

Answer 4

您可以使用几个功能来获取所需的数据。

object.keys（）

此功能将返回所有 em> 符号。

> let person = {name: 'John Doe', age: 25, [Symbol('Test')] : 'value'}
> Object.keys(person);
['name'] // Note that the Symbol('Test') is not in the returned array!

Object.getOwnPropertyNames()

此函数将返回所有可枚举和不可枚举的属性，其中 >不是符号。

> Object.getOwnPropertyNames(Set)
[ 'length', 'name', 'prototype' ]

当我们有 Object.keys() 时，为什么这个函数很有用？

> Object.keys(Set)
[] // Because keys doesn't give you non-enumerable properies

顺便说一句，为什么 Object.getOwnPropertyNames(Set) 不为您提供 Set 上的方法，例如 add、有等，？因为它们位于 Set.prototype 上。 Object.getOwnPropertyNames(Set.prototype) 将产生更好的结果。

Object.getOwnPropertySymbols()

这将返回您传递给它的对象中 Symbol 的所有拥有属性到。

> let person = {x: 10, Symbol('Test'): 'Test-value' };
> Object.getOwnPropertySymbols(person);
[Symbol(Test)]

Reflect.ownKeys()

这将返回所有拥有的属性，即字符串/符号 在您传递给的对象中。

> let person = {x: 1, [Symbol('Test')]: 'Test-value'};
> Reflect.ownKeys(person);
[ 'x', Symbol(Test) ]

奖励：

Object.getPrototypeOf()

这将返回传递给它的对象的Prototype。

> let nameable = { name: 'name' };
> let ageable = Object.create(nameable);
> ageable.age = 0;
> let person = Object.create(ageable);
> let proto_of_person = Object.getPrototypeOf(person);
> proto_of_person === ageable;
true
> let proto_of_ageable = Object.getPrototypeOf(proto_of_person);
> proto_of_ageable === nameable
true

使用它，我们可以递归地枚举对象及其原型链的所有属性。

Answer 5

Google Chrome 开发者工具控制台有一个预定义目录：https://developers.google。 com/chrome-developer-tools/docs/console

Firebug 有 console.dir: http://getfirebug.com/日志记录

Answer 6

全局变量保存在易于访问的对象（窗口）中，因此您可以轻松检查/迭代它们。 （使用类似 Glenjamin 建议的函数）

另一方面，我不知道有什么方法可以检查函数或闭包中定义的局部变量 - 如果这是可能的，我至少猜测它会是高度浏览器/控制台具体的。

Answer 7

好吧，你可以看到对象只包含它自己的属性：
它可以在任何控制台中工作，而不仅仅是 google chrome 网络浏览器查找 img 在此处输入图像描述
控制台.dir(obj);
此处链接：https://developers.google.com/web /tools/chrome-devtools/console/console-reference

Answer 8

（只是为了查看该列表）

您可以使用运算符“.”，例如：

> var a = "asdfg";
> a. // -> show the list

• 在 chrome 控制台中，它将向您显示在 node.js 控制台中自动完成的选项列表，
• 您可以执行相同的操作然后按两次 Tab 键即可查看列表

Answer 9

真正的解决方案

首先，创建一个列出对象的所有属性的函数：

function dir(object) {
    props = [];
    for (prop in object) {
        props.push(prop);
    }
    props.sort();
    return props;
}

然后，就这么简单，调用该函数就像console.log(dir(console))