Object.create(null) --> "纯净对象"

Object.create(null) 创建的对象可以被称为

纯净对象(pure object 或 dictionary object)

基本概念

Object.create(null) 会创建一个没有原型链的对象,即这个对象不会继承自 Object.prototype。

ts 复制代码
const obj = Object.create(null);

与常规对象的区别

  1. 常规对象创建:

    ts 复制代码
    const obj1 = {}; // 或 new Object()
    // 等同于
    const obj1 = Object.create(Object.prototype);

这种对象会继承 Object.prototype 的方法,如 toString(), hasOwnProperty() 等。

  1. Object.create(null)创建的对象:

    ts 复制代码
    const obj2 = Object.create(null);

这种对象完全不继承任何属性或方法,是一个真正的"空"对象。

主要特点

  1. 没有原型链:

    • Object.getPrototypeOf(obj2) 返回 null
    • 'toString' in obj2 返回 false
  2. 更纯净的对象:

    • 不会意外访问到继承的属性/方法
    • 适合用作纯粹的键值对存储
  3. 性能优势:

    • 由于没有原型链查找,属性访问可能稍微快一些
  4. 无原型污染:

    • 完全脱离原型链,不继承 Object.prototype 的任何属性/方法
    • 避免了原型属性可能带来的命名冲突
  5. 完全空白的起点:

    • 创建时对象上绝对没有任何属性 (包括 __proto__)
    • 只有开发者显式添加的属性会存在
  6. 行为可预测:

    • 不会有意外的原型方法干扰(如 toString, hasOwnProperty 等)
    • 适合作为纯粹的键值存储(类似 Map 的用途)
相关推荐
Csvn8 小时前
WASM
前端
修己xj10 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing0310 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿10 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying12 小时前
网购能买Token了!
前端
h_654321012 小时前
echarts实现柱状图加一条横线
前端·echarts
风骏时光牛马12 小时前
生成一个后端标题,只需要一个标题,不需要其他的任何文本。
前端
子非鱼@Itfuture12 小时前
关于前后端联调中登录状态/登录信息失效?
java·前端
郭小李12 小时前
openFeign入门
java·开发语言·前端
馒头不想说话12 小时前
AI当运营,帮你省人力
前端