Object.create(null) 和 {} 的区别

于 2022-09-03 11:31:12 发布
阅读量140 收藏 1
点赞数
分类专栏： 开发中的实用方法和函数 javascript Vue 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45803050/article/details/126675477
版权

Object.create(null) 和 {} 的区别

字面量和new关键字创建的对象是Object的实例，原型指向Object.prototype，继承内置对象Object

Object.create(arg, pro)创建的对象的原型取决于arg，arg为null，新对象是空对象，没有原型，不继承任何对象；arg为指定对象，新对象的原型指向指定对象，继承指定对象

在Vue和Vuex的源码中，作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢？

在SegmentFault和Stack Overflow等开发者社区中也有很多人展开了讨论，在这里总结成文，温故知新。

使用create创建的对象，没有任何属性，显示No properties，我们可以把它当作一个非常纯净的map来使用，我们可以自己定义hasOwnProperty、toString方法，不管是有意还是不小心，我们完全不必担心会将原型链上的同名方法覆盖掉。

另一个使用create(null)的理由是，在我们使用for..in循环的时候会遍历对象原型链上的属性，使用create(null)就不必再对属性进行检查了，当然，我们也可以直接使用Object.keys[]。

在这里插入图片描述

参考链接
https://juejin.cn/post/6844903917835436045

ALKEN ABBY
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中使用Object.create()创建对象介绍
01-19
对于对象的创建，除了使用字面量和new操作符，在ECMAScript 5标准中，还可以使用Object.create()来进行。Object.create()函数接受2个对象作为参数：第一个对象是必需的，表示所创建对象的prototype；第二个对象是可...
详解Object.create(null)
F7的博客
03-13 2458
Object.create()的定义： Object.create(proto, [propertiesObject]) proto: 新创建对象的原型对象 propertiesObject：可选参数。要添加新对象的可枚举属性（新添加的属性是自身的属性，而不是其原型链上的属性） Object.create(null) 与 {…} 的区别： 首先看一下经常使用的 {} 创建的对象是什么样子： ...
Object.create(null) 和 {} 区别
weixin_33744141的博客
10-10 2106
Object.create(null) 创建一个空对象，此对象无原型方法。 {} 其实是new Object()，具有原型方法。     应用： 使用Object.create(null)的一个重要应用是：创建一个纯粹的对象，以防止原型污染。  ...
一文搞懂Object.create()、new Object()和{}创建对象的区别
坚信万物皆可切的切图仔
03-31 2967
前言 有道是，万物皆对象。我们在平常的开发过程中肯定是要使用到对象的，我们创建一个对象的时候，最常用的当然是用最简单直接的字面量创建，例如let a = {}. 但是，想必大家都知道，js创建对象还有可以用new操作符或者是Object.create()方法 总结：创建对象的三种方法： 1. 字面量创建 ：var obj1 = {}; 2. new操作符创建：new Object(); 3. Object.create()创建：Object.create(null); 那么，他们之间有什么
JS深入理解—详解Object.create(null)、new实现过程以及手写实现
LS.Yu.大前端
10-09 3110
前言 在阅读Vue框架源码的时候，会发现作者大量使用Object.create(null)来创建空对象。我们常常使用字面量{}的方式创建，他们之间有什么区别？为啥这么做呢？带着这些疑问，我们来探索其原因。其标准定义请看Object.create。 Object.create(null)与{}的区别 我们通过例子来直观的认识下两者： let obj = {}; let jbo = Object.cr...
object-create-x:Sham for Object.create
03-30
对象创建x Sham for Object.createmodule.exports boolean :eject_button: 此方法方法使用指定的原型对象和属性创建一个新对象。 类型：出口成员返回： boolean具有指定原型对象和属性的新对象。 抛出： TypeError...
bare-objects:Object.create(null) 通过节点模块钩子的速记符号
07-04
Object.create(null) 通过节点模块钩子的速记符号 裸对象安装一个 Node 加载器钩子，它转换每个加载的 JavaScript 文件并将<>语法扩展为Object.create(null) var foo = < > ; foo.bar = 'bar'; // use just...
一种新的javascript对象创建方式Object.create()
11-25
Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式，第一个参数是要继承的原型，如果不是一个子函数，可以传一个null，第二个参数是对象的属性描述符，这个参数是可选的。 例如：　 ...
Object.create(null) 和{}的区别
lzcwds的博客
11-07 1942
一、js创建对象的方式 var obj = Object.create(null); var obj1 = {} var obj2 = new Object() 二、区别 创建的方法有如上的三种方法，那么他们之间有什么区别呢？ 通过 Object.create(null) 创建的对象是不继承Object原型链上的属性，如tostring()方法这些 var obj = Object.crea...
object.create(null) 和 {}创建对象的区别
weixin_30457065的博客
07-12 303
原文 　　简书原文：https://www.jianshu.com/p/43ce4d7d6151 创建对象的方法 　　如果要创建一个空的对象，可以使用如下的三种方法 var obj1 = {}; var obj2 = Object.create(null); var obj3 = new Object(); 创建空对象的区别 　　要创建一个干净的空对象，应该使用Obje...
Object.create(null)
weixin_30802171的博客
07-22 152
使用Object.create(null)产生的对象是一个没有原型的对象，相对于直接使用 {} 产生的对象，后者会产生一个原型链接到Object.prototype，前者相当于一个纯净的map不会有Object.prototype的属性或者方法污染，自然前者遍历的时候也不需要使用hasOwnProperty来判断当前属性是否为自有的。 Object.create函数的作用就是创建一个对象，并且让...
Object.create(null)与Object.create({})创建对象的区别
AmyGeng123的博客
08-27 224
Object.create(null)与Object.create({})创建对象的区别 一、打印比对 二、 区别: Object.create(null)创建的对象没有继承Object, 所以Object.create(null)创建的对象也没有Object提供的方法，是一个非常纯净的对象. Object.create({})实际上表示创建一个对象，并给他指定原型对象 三、为什么用Object.create(null) 使用create创建的对象，没有任何属性，显示No properties，我们可以把
js经典面试题之 Object.create(null)
欧阳的技术博客
12-30 9369
说在前面 之前腾讯面试的时候，问了这个问题：对象字面量创建对象与 Object.create(null)创建对象有什么区别？一开始是有点懵的，不都是创建对象么，能有啥不同，后面我去试了一下，结果发现还蛮有意思： 不同点 var obj = {}; var obj2 = Object.create(null); console.log(obj); consol...
Object.create(null)和new Object的区别
lx583274568的专栏
11-28 2770
可以看到，object.create(null)造出来的object是没有任何属性的，是空的
Object.create(null) 和 {} 区别是什么
p312011150的博客
11-15 464
Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。 console.log(Object.create({}).toString); // function toString() { [native code] } console.log(Object.create(null).toString); // undefined  ...
JavaScript中的new操作符和Object.create()
coderhangg
04-06 4774
在JS中使用new操作符及构造函数创建对象和使用Object.create()方法创建对象的区别
vue源码之：Object.create(null)
bxl0218的博客
10-11 1171
在vue和vuex源码中看到有使用Object.create(null) 创建对象的代码，有点疑惑为什么要使用Object.create(null)，而不是{}？这两种方式创建的对象有什么区别？ 一、Object.create(null) 和 {} 的区别 var obj1 = {}; console.log(obj1); // {} console.log(Object.getProt...
Object.Create(null)
最新发布
04-07
Object.create(null) creates a new object with no prototype. This means that the new object created will not inherit any properties or methods from the Object prototype. This can be useful in scenarios where you want to create a plain object without any default properties or methods. For example, if you want to create an object that does not have any default properties or methods and you want to add properties and methods to it manually, you can use Object.create(null) to create a new object. Here's an example: ``` const myObject = Object.create(null); myObject.name = 'John'; myObject.age = 30; console.log(myObject); // { name: 'John', age: 30 } ``` In this example, we create a new object `myObject` using `Object.create(null)`. We then add two properties `name` and `age` to the object manually. Since `myObject` has no prototype, it does not inherit any default properties or methods from the Object prototype. The output of the `console.log` statement shows that `myObject` only has the two properties we added to it.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值