javascript - 如何在html元素中显示javascript原型、构造函数、范围

Question

• 我正在尝试创建一个模拟器，console.log以便在我的手机中使用它来显示延迟数据类型结果、代码错误 - 代码工作正常并显示、突出显示所有数据类型

• 但我也想显示constcrutor，，就像网络控制台一样，有一种方法可以循环抛出它们并像这张图片一样获取它们的scopes数据prototypes

标签： javascriptconsole.log

Answer 1

可以通过显式引用它或通过迭代对象的constructor所有属性（不仅仅是可枚举属性）来获取该属性，使用Object.getOwnPropertyNames.

该[[Prototype]]属性等效于 的返回值Object.getPrototypeOf，因此您可以调用它来访问原型对象并也可以根据需要对其进行迭代。

也许是这样的：

const recursiveLogAllProperties = (obj) => {
  Object.getOwnPropertyNames(obj).forEach(prop => console.log(prop, obj[prop]));
  const proto = Object.getPrototypeOf(obj);
  if (proto === Object.prototype) return;
  console.log('------ Prototype:');
  recursiveLogAllProperties(proto);
}
const arr = [1, 2];
recursiveLogAllProperties(arr);

无法从 JavaScript 访问内部[[Scopes]]属性。