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

Object.create(null)

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

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

区别是挺大的，不只是有没有

toString

{}

Object.prototype

null

Object.create(null)

null

ThinkPHP3.2.3完全开发

ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持。 3.2版本则在原来的基础上进行一些架构的调整，引入了命名空间支持和模块化的完善，为大型应用和模块化开发提供了更多的便利。

321

查看详情

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

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()

所以，我的建议是，如果你的目标就是创建一个没有原型的对象，就老老实实地用

Object.create(null)

以上就是js如何创建一个没有原型的对象的详细内容，更多请关注php中文网其它相关文章！