如何在VS Code中通过Code Runner插件查看JavaScript prototype？

首先明确：Code Runner不是无法查看prototype属性，只是默认用console.log()输出时，会因为环境的打印规则，省略掉部分非枚举属性或者原型链的深层内容，导致你看不到完整的prototype信息。

下面是几种能正常访问/查看原型属性的方法：

• 用console.dir()替代console.log()：console.dir()会强制展开对象的所有属性（包括原型链上的内容），比如你定义了构造函数：

  function Person(name) {
    this.name = name;
  }
  const p = new Person('Alice');
  

  直接写console.dir(p.__proto__)或者console.dir(Person.prototype)，就能在Code Runner的输出里看到完整的原型对象。

• 直接访问原型的具体属性：如果知道要查看的属性名，直接通过构造函数.prototype.属性名或者Object.getPrototypeOf(实例)来获取，比如：

  console.log(Person.prototype.constructor); // 打印构造函数本身
  console.log(Object.getPrototypeOf(p) === Person.prototype); // 验证原型关系
  

• 改用VS Code的调试模式：在代码里加断点（点击行号左侧），按F5启动调试，在调试面板的「变量」栏里，展开实例对象，就能看到[[Prototype]]选项，点击就能逐层查看原型链的所有内容，这比打印输出更直观。

• 手动遍历原型链：写个简单的函数来遍历并打印整个原型链，比如：

  function printPrototypeChain(obj) {
    let current = obj;
    while (current) {
      console.log('当前原型:', current);
      current = Object.getPrototypeOf(current);
    }
  }
  printPrototypeChain(p);
  

  运行后会从实例的原型开始，一直打印到null（原型链的终点）。

内容的提问来源于stack exchange，提问作者Dariable