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

最新推荐文章于 2024-06-05 19:27:35 发布
ALKEN ABBY 最新推荐文章于 2024-06-05 19:27:35 发布
阅读量179 收藏 1
点赞数
分类专栏： 开发中的实用方法和函数 javascript Vue 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/qq_45803050/article/details/126675477
版权
javascript 同时被 3 个专栏收录
66 篇文章 0 订阅
订阅专栏
开发中的实用方法和函数
55 篇文章 0 订阅
订阅专栏
Vue
6 篇文章 1 订阅
订阅专栏

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

【前端知识之JS】Object.create和new的区别以及Object.create的实现
weixin_44337386的博客
07-22 1502
本系列主要整理前端面试中需要掌握的知识点。本节介绍Object.create和new的区别以及Object.create的实现。
Object.create() 方法
acaiEncode的博客
12-12 1534
随记
详解Object.create(null)
weixin_33962923的博客
04-11 218
在Vue和Vuex的源码中，作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢？ 在SegmentFault和Stack Overflow等开发者社区中也有很多人展开了讨论，在这里总结成文，温故知新。 Object.create()的定义 照搬一下MDN上的定义： Object.create(proto,[propertiesObject]) 复制...
Object.create(null)
weixin_30802171的博客
07-22 170
使用Object.create(null)产生的对象是一个没有原型的对象，相对于直接使用 {} 产生的对象，后者会产生一个原型链接到Object.prototype，前者相当于一个纯净的map不会有Object.prototype的属性或者方法污染，自然前者遍历的时候也不需要使用hasOwnProperty来判断当前属性是否为自有的。 Object.create函数的作用就是创建一个对象，并且让...
vue源码之：Object.create(null)
bxl0218的博客
10-11 1217
在vue和vuex源码中看到有使用Object.create(null) 创建对象的代码，有点疑惑为什么要使用Object.create(null)，而不是{}？这两种方式创建的对象有什么区别？ 一、Object.create(null) 和 {} 的区别 var obj1 = {}; console.log(obj1); // {} console.log(Object.getProt...
js代码-手写Object.create
07-16
总的来说，理解和掌握`Object.create`是深入学习JavaScript面向对象编程的关键一步。它不仅涉及到原型和原型链的概念，还与继承和对象的属性操作紧密相关。通过手写`Object.create`，我们可以更好地理解JavaScript的...
JavaScript中使用Object.create()创建对象介绍
01-19
对于对象的创建，除了使用字面量和new操作符，在ECMAScript 5标准中，还可以使用Object.create()来进行。Object.create()函数接受2个对象作为参数：第一个对象是必需的，表示所创建对象的prototype；第二个对象是可...
Object.create(null) 和 {} 区别
weixin_33744141的博客
10-10 2122
Object.create(null) 创建一个空对象，此对象无原型方法。 {} 其实是new Object()，具有原型方法。     应用： 使用Object.create(null)的一个重要应用是：创建一个纯粹的对象，以防止原型污染。  ...
js经典面试题之 Object.create(null)
欧阳的技术博客
12-30 9389
说在前面 之前腾讯面试的时候，问了这个问题：对象字面量创建对象与 Object.create(null)创建对象有什么区别？一开始是有点懵的，不都是创建对象么，能有啥不同，后面我去试了一下，结果发现还蛮有意思： 不同点 var obj = {}; var obj2 = Object.create(null); console.log(obj); consol...
Object.create(null) 和 {} 区别是什么
p312011150的博客
11-15 483
Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。 console.log(Object.create({}).toString); // function toString() { [native code] } console.log(Object.create(null).toString); // undefined  ...
Object.create(null) 和{}的区别
lzcwds的博客
11-07 1993
一、js创建对象的方式 var obj = Object.create(null); var obj1 = {} var obj2 = new Object() 二、区别 创建的方法有如上的三种方法，那么他们之间有什么区别呢？ 通过 Object.create(null) 创建的对象是不继承Object原型链上的属性，如tostring()方法这些 var obj = Object.crea...
JS深入理解—详解Object.create(null)、new实现过程以及手写实现
LS.Yu.大前端
10-09 3222
前言 在阅读Vue框架源码的时候，会发现作者大量使用Object.create(null)来创建空对象。我们常常使用字面量{}的方式创建，他们之间有什么区别？为啥这么做呢？带着这些疑问，我们来探索其原因。其标准定义请看Object.create。 Object.create(null)与{}的区别 我们通过例子来直观的认识下两者： let obj = {}; let jbo = Object.cr...
Object.create(null)和{}的区别？
最新发布
weixin_43162494的博客
06-05 155
Object.create(null)和{}的区别，原型链
Object.create(null)和new Object的区别
lx583274568的专栏
11-28 2792
可以看到，object.create(null)造出来的object是没有任何属性的，是空的
js中的Object.create(null) 和 {} 的区别
a153052的博客
10-31 683
console.log(Object.create(null)) console.log({}) 结果图 根据结果我们不难发现，两者最大区别在于Object.create(null)创建的对象没有继承Object 所有Object.create(null)创建的对象也没有Object提供的方法，是一个非常纯净的对象 ...
JavaScript中的new操作符和Object.create()
coderhangg
04-06 4790
在JS中使用new操作符及构造函数创建对象和使用Object.create()方法创建对象的区别
一文搞懂Object.create()、new Object()和{}创建对象的区别
坚信万物皆可切的切图仔
03-31 3263
前言 有道是，万物皆对象。我们在平常的开发过程中肯定是要使用到对象的，我们创建一个对象的时候，最常用的当然是用最简单直接的字面量创建，例如let a = {}. 但是，想必大家都知道，js创建对象还有可以用new操作符或者是Object.create()方法 总结：创建对象的三种方法： 1. 字面量创建 ：var obj1 = {}; 2. new操作符创建：new Object(); 3. Object.create()创建：Object.create(null); 那么，他们之间有什么
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...
写文章

热门文章

  • Vue 中 组件通信 - 子传父（自定义事件） 12498
  • XSS如何防范 8279
  • 发布订阅者模式和观察者模式的区别 5143
  • Vue中如何自定义函数指令 4611
  • Promise串行的六种方法 2841

分类专栏

  • JavaScript设计模式 3篇
  • 日积月累(学习深度) 31篇
  • 开发中的实用方法和函数 55篇
  • javascript 66篇
  • 优秀代码汇总学习 5篇
  • react 24篇
  • NodeJs 1篇
  • react 源码实现 5篇
  • webpack 3篇
  • Vue 6篇
  • 算法 29篇
  • 面经 19篇
  • 网络 5篇
  • 浏览器使用 1篇
  • c++ 1篇
  • 洛谷 1篇
  • 笔记 8篇

最新评论

  • XSS如何防范

    基础不牢 地动山摇: <img src=x onerror=eval("alert(1)")>

  • React 执行架构流程详细----归阶段 mount 时流程（三）

    CSDN-Ada助手: 恭喜你这篇博客进入【CSDN月度精选】榜单，全部的排名请看 https://bbs.csdn.net/topics/614384948。

  • React 执行架构流程详细----归阶段 mount 时流程（三）

    CSDN-Ada助手: 恭喜你这篇博客进入【CSDN一周精选】榜单，全部的排名请看 https://bbs.csdn.net/topics/614147150。

  • React 执行架构流程详细----归阶段 mount 时流程（三）

    CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天值得看】榜单，全部的排名请看 https://bbs.csdn.net/topics/614137547。

  • React 架构流程概览（一）

    mfy的1号小迷弟: 今天面试被问到了react表情包表情包表情包

大家在看

  • 嵌入式学习路线，大学四年规划：从大一小白到嵌入式大佬 537
  • SSM在线学习考试833g2 视频下载 线上测试
  • 考完PMP认证还有必要考NPDP吗？ 299
  • 万界星空科技铜加工行业的MES系统解决方案 354
  • 备考不盲目，哪些行业适合PMP证书？ 109

最新文章

  • URL从输入到⻚面显示的过程（详细版）
  • 如何实现异步并发限制
  • 设计模式 -- 策略模式（传统面向对象与JavaScript 的对比实现）
2024年2篇
2023年9篇
2022年53篇
2021年59篇
2020年8篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值

玻璃钢生产厂家浙江玻璃钢海豚雕塑价格新田玻璃钢花盆花器卡通玻璃钢雕塑制作公司丽水人物玻璃钢雕塑制作通辽玻璃钢雕塑定制价格松树玻璃钢雕塑玻璃钢西红柿造型雕塑贵州石雕雕塑玻璃钢青海卡通玻璃钢雕塑安装湛江工艺玻璃钢卡通雕塑牡丹江玻璃钢雕塑制作特色商场美陈哈尔滨玻璃钢人物雕塑定制玻璃钢雕塑如何养护贵州玻璃钢小羊动物雕塑制作工厂禅城玻璃钢雕塑制品张家界长沙玻璃钢雕塑定制设计白银抽象人物玻璃钢雕塑福建环保玻璃钢雕塑哪家便宜苏州秋季商场美陈临沧市玻璃钢雕塑设计公司梅州玻璃钢动物卡通雕塑沈阳大型玻璃钢雕塑玻璃钢糖果雕塑的多种意思浙江常用商场美陈有哪些园林玻璃钢雕塑厂商代理北京卡通玻璃钢雕塑扬州公园玻璃钢雕塑生产厂家豫莲花玻璃钢雕塑图片宁德玻璃钢大白菜雕塑香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人？张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身！外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫：哈马斯三号人物被杀测试车高速逃费 小米：已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化