创建无原型对象的几种方法

一分耕耘，一分收获！既然打开了这篇文章《JS创建无原型对象的方法》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

最直接的方法是使用Object.create(null)，1. 它创建的对象原型为null，不继承Object.prototype的任何方法；2. 不具备toString、hasOwnProperty等默认方法；3. __proto__为null且instanceof Object返回false；4. 适用于需要纯净哈希表的场景，避免属性冲突；5. 操作时需借用Object.prototype方法进行属性检查；6. 遍历时更干净，推荐配合Object.keys等使用；7. 相比Object.setPrototypeOf(null)更高效且语义明确，是创建无原型对象的标准方式。

在JavaScript里，如果你想创建一个没有原型的对象，最直接、最地道的方法就是用Object.create(null)。这玩意儿创建出来的对象，它的[[Prototype]]内部属性会直接指向null，这意味着它不会继承任何来自Object.prototype的属性和方法，比如我们平时常用的toString()、hasOwnProperty()等等，统统都没有。

解决方案

所以，要创建一个真正“干净”的对象，不带任何祖先遗产的，就这么写：

const pureObject = Object.create(null);

console.log(pureObject); // {} - 看起来是个空对象
console.log(pureObject.toString); // undefined - 确实没有toString方法
console.log(pureObject.hasOwnProperty); // undefined - 也没有hasOwnProperty
console.log(pureObject.__proto__); // null - 它的原型链顶端就是null
console.log(pureObject instanceof Object); // false - 这点很重要，它不是Object的实例

相比之下，我们平时习惯性用的{}或者new Object()，它们创建出来的对象，实际上都是继承自Object.prototype的。你可以试试看：

const normalObject = {};
console.log(normalObject.toString); // ƒ toString() { [native code] }
console.log(normalObject.__proto__); // {constructor: ƒ, __defineGetter__: ƒ, ...} (指向Object.prototype)
console.log(normalObject instanceof Object); // true

说白了，Object.create(null)就是给你一个完全空白的画布，上面啥也没有，就等你往上画。

为什么我们需要一个没有原型的对象？它的实际应用场景是什么？

这问题问得好，因为很多时候我们确实不需要一个对象带着一堆默认方法。在我看来，最典型的应用场景，就是把它当作一个纯粹的哈希表（或者说字典、映射）。

想象一下，你正在处理一些外部数据，比如从API接口拿回来一堆键值对，你想把它们存到一个对象里。如果你直接用{}，万一外部数据里有个键名叫"constructor"或者"toString"，那不就和Object.prototype上的方法冲突了吗？虽然这种情况不常见，但一旦发生，调试起来会让人抓狂。用Object.create(null)就能彻底避免这种潜在的“原型污染”或意外行为。它保证了你存进去的每个键，都是你真正定义的，不会有任何“隐形”的继承属性来捣乱。

比如，你想统计一些词频：

const wordCounts = Object.create(null);
const words = ["apple", "banana", "apple", "orange", "banana", "constructor"];

words.forEach(word => {
    wordCounts[word] = (wordCounts[word] || 0) + 1;
});

console.log(wordCounts);
// 输出：{ apple: 2, banana: 2, orange: 1, constructor: 1 }
// 这里的 'constructor' 键被安全地当作普通数据处理了，而不会触发Object.prototype.constructor

如果这里用{}，当处理到"constructor"这个键时，虽然大多数情况下不会直接报错，但它确实覆盖了或潜在地与原型链上的constructor属性产生混淆，尤其是在一些更复杂的元编程或反射场景中，这可能会引入难以察觉的bug。所以，为了安全和纯粹，Object.create(null)是首选。

再比如，某些库或者框架在内部实现一个缓存机制或者事件发布订阅器时，也倾向于使用这种无原型对象，因为它提供了一个干净、可预测的底层结构，避免了不必要的开销和潜在的副作用。

没有原型的对象和普通对象有什么根本区别？操作上需要注意什么？

区别是挺大的，不只是有没有toString那么简单。最核心的差异就是原型链。普通对象（{}）的原型链最终指向Object.prototype，再往上是null。而Object.create(null)创建的对象，它的原型链直接就是null，就这么简单粗暴。

这导致了几个操作上的不同点：

1. 方法调用： 你不能直接在pureObject上调用pureObject.hasOwnProperty('key')。因为这个方法根本就不存在于pureObject或它的原型链上。如果你非要检查某个属性是不是pureObject自身的属性，你得借用Object.prototype上的方法，像这样：

   const pureObject = Object.create(null);
   pureObject.name = "Alice";
   console.log(Object.prototype.hasOwnProperty.call(pureObject, 'name')); // true
   console.log(Object.prototype.hasOwnProperty.call(pureObject, 'age')); // false

   这种写法，虽然看起来有点绕，但它确保了你使用的是最原始、最可靠的hasOwnProperty方法，而不是某个可能被覆盖或不存在的实例方法。

2. instanceof操作符： pureObject instanceof Object会返回false。因为instanceof是检查一个对象的原型链上是否存在指定构造函数的prototype属性。由于pureObject的原型链是null，它自然不是Object的实例。

3. 遍历： for...in循环在遍历无原型对象时会非常“干净”，因为它只会遍历对象自身的、可枚举的属性，而不会像普通对象那样，可能会沿着原型链向上查找可枚举属性（尽管在Object.prototype上通常没有可枚举属性）。不过，更现代、更推荐的做法是使用Object.keys()、Object.values()或Object.entries()，这些方法本身就只处理对象自身的属性，所以无论有没有原型，它们的工作方式都是一致且安全的。

   const pureObject = Object.create(null);
   pureObject.a = 1;
   pureObject.b = 2;
   
   for (let key in pureObject) {
       console.log(key); // 输出 a, b
   }
   
   console.log(Object.keys(pureObject)); // ['a', 'b']

这些区别和注意事项，如果你不搞清楚，在处理数据时可能会遇到一些意想不到的坑。但只要理解了Object.create(null)的本质，这些都不是问题。

除了Object.create(null)，还有其他方法可以实现类似效果吗？

说实话，在现代JavaScript里，如果你想要一个从一开始就“没有原型”的对象，Object.create(null)就是那个标准答案，也是最直接、最符合语义的方法。没有其他方法能像它一样，在对象创建的那一刻就将其原型链设置为null。

当然，你可能会想到一些“曲线救国”的办法，比如先创建一个普通对象，然后尝试修改它的原型：

const obj = {};
Object.setPrototypeOf(obj, null); // 将obj的原型设置为null
console.log(obj.__proto__); // null
console.log(obj instanceof Object); // false

这种做法确实能让一个现有对象的[[Prototype]]指向null，使其表现得像一个无原型对象。但它和Object.create(null)的语义还是有区别的：Object.create(null)是“创建”一个无原型对象，而Object.setPrototypeOf()是“修改”一个现有对象的原型。在性能上，通常认为Object.create(null)在创建时就确定了结构，可能更优一些，因为它避免了先创建再修改的步骤。而且，Object.setPrototypeOf()在某些旧版JavaScript引擎中可能会有性能问题，虽然现代引擎已经优化了很多。

所以，我的建议是，如果你的目标就是创建一个没有原型的对象，就老老实实地用Object.create(null)。它清晰、意图明确，而且是语言层面提供的最佳实践。没必要去绕弯子。

到这里，我们也就讲完了《创建无原型对象的几种方法》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！