JavaScript 怎么手写实现 Object.create 的底层源码逻辑-js教程-PHP中文网

object.create 的核心是创建新对象并将其 [[prototype]] 指向指定对象，不调用构造函数、不污染原对象；基础实现用空函数桥接原型，支持 null 和对象，进阶版可结合 object.defineproperties 处理属性描述符。

javascript 怎么手写实现 object.create 的底层源码逻辑

手写实现 Object.create 的核心，是**创建一个新对象，并将其原型（[[Prototype]]）指向指定的对象**，同时不调用构造函数、不污染原对象。它不处理第二个参数（属性描述符），那是增强功能，基础版只关注原型链设置。

关键点：用空函数桥接原型

由于不能直接设置新对象的 [[Prototype]]（ES5 无 Object.setPrototypeOf 或 __proto__ 标准支持），最兼容的方式是：

定义一个临时空构造函数
把传入的 proto 赋给该函数的 prototype
用 new 调用它，返回的新实例自然继承 proto
最后修正构造器指向（可选，更严谨）

基础实现（兼容 ES3+）

// 模拟 Object.create(proto)

Noodle Create Writing

自媒体文章生成技能：关键词搜索、汇总数据，自动生成抖音/小红书/微博文章，擅长面食类美食主题

下载

function myCreate(proto) {
  if (proto !== null && typeof proto !== 'object') {
    throw new TypeError('Object prototype may only be an Object or null');
  }
  function F() {}
  F.prototype = proto;
  return new F();
}

✅ 支持 myCreate(null)（返回无原型的对象）
✅ 支持 myCreate({a: 1})（新对象可访问 a）
✅ 不修改 proto 本身

补充：处理 proto === null 的细节

原生 Object.create(null) 返回的对象没有 constructor、toString 等默认原型方法。上面实现中，当 proto === null 时，F.prototype = null，new F() 的 [[Prototype]] 就是 null —— 这正是我们想要的，无需额外分支。

进阶：支持第二个参数（属性描述符）

若想模拟完整版 Object.create(proto, propertiesObject)，只需在返回对象后，用 Object.defineProperties 添加自有属性：

function myCreate(proto, propertiesObject) {
  const obj = myCreate(proto); // 复用上面逻辑
  if (propertiesObject != null) {
    Object.defineProperties(obj, propertiesObject);
  }
  return obj;
}

⚠️ 注意：propertiesObject 格式需与 Object.defineProperties 一致（键为属性名，值为描述符对象）