JavaScript中[[Prototype]]指向构造函数的场景及相关疑问

一、[[Prototype]]指向构造函数的常见场景 #

正常情况下，JavaScript里实例的[[Prototype]]（可通过__proto__或Object.getPrototypeOf()访问）默认指向其构造函数的prototype属性，而非构造函数本身。如果出现[[Prototype]]直接指向构造函数的情况，基本都是手动修改原型链的结果，常见场景包括：

• 框架自定义继承/类机制：像你调试的SAPUI5这类复杂框架，可能为实现组件继承逻辑、封装私有属性或兼容旧环境，手动调用Object.setPrototypeOf()或直接赋值__proto__，将对象原型指向构造函数本身。比如：

  function MyUIComponent() {}
  const componentInstance = {};
  Object.setPrototypeOf(componentInstance, MyUIComponent); // 此时componentInstance的[[Prototype]]指向构造函数
  

• 手动改造原型链实现特殊逻辑：开发者为让对象直接继承构造函数的静态方法，会刻意修改原型指向。比如：

  function Utils() {}
  Utils.staticMethod = () => console.log("调用静态方法");
  const utilObj = {};
  utilObj.__proto__ = Utils;
  utilObj.staticMethod(); // 可直接调用构造函数上的静态方法
  

• 极少数边缘内置场景：非常罕见，绝大多数情况都是人为修改的结果。

关于你提到的部分函数prototype属性缺失的情况，常见原因有：

• 箭头函数本身无prototype属性，属于语法特性；
• 框架可能通过Object.defineProperty()或直接删除的方式移除某些函数的prototype，防止原型被意外修改；
• 部分内置函数（如Math对象的方法）本身也没有prototype。

二、[[Prototype]]还能指向哪些对象？ #

[[Prototype]]本质上可以指向任何对象（包括函数对象，因为函数也是对象），甚至可以是null（让对象无原型），远不止你提到的几种类型，举几个典型例子：

• 普通自定义对象字面量：

  const baseObj = { name: "基础对象" };
  const childObj = {};
  Object.setPrototypeOf(childObj, baseObj); // childObj的[[Prototype]]指向baseObj
  

• 其他类的实例对象：

  const dateInstance = new Date();
  const myObj = {};
  myObj.__proto__ = dateInstance; // myObj可调用Date实例的方法如getFullYear()
  

• 内置对象实例（如RegExp、Map）：

  const mapInstance = new Map();
  const customObj = {};
  Object.setPrototypeOf(customObj, mapInstance);
  customObj.set("key", "value"); // 可调用Map实例的set方法
  

• null：特殊场景，此时对象无任何原型，不继承任何属性/方法：

  const pureObj = Object.create(null);
  console.log(Object.getPrototypeOf(pureObj)); // 输出null
  

需要注意：[[Prototype]]不能直接指向原始值（如字符串、数字），若尝试这么做，JS会自动将原始值包装为对应对象（如字符串转为String实例），再指向该包装对象。

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