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

栏目: JavaScript · 发布时间: 7年前

内容简介:这两天在看vue的源码,发现作者定义映射字典的时候,喜欢用Object.create(null),而不是直接定义一个对象字面量,那么两者有什么区别呢,又存在什么业务场景呢for...in可以遍历n的原型属性试了一下发现没有打印toString\get\set方法属性,后来才发现混淆了两个概念,就是__proto__和prototype

这两天在看vue的源码,发现作者定义映射字典的时候,喜欢用Object.create(null),而不是直接定义一个对象字面量,那么两者有什么区别呢,又存在什么业务场景呢

let m = Object.create(null);
   let n = {};
   
   // 猜测下,m和n有什么区别呢
   console.log(m);
   console.log(n);
复制代码
Object.create(null) 和 {} 的区别

就是一个纯粹的空对象

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

继承了对象原型的空对象,也就是说存在n.toString();

Object.create(proto, [propertiesObject]) 方法

  • proto 新建对象的原型对象
  • propertiesObject 可选,添加到新建对象的属性(不是原型链的属性),默认可枚举,参数对应Object.defineProperties的第二个参数

{} 相当于 Object.create(Object.ptototype), 现在你明白他们之间的区别了吧

for...in可以遍历n的原型属性

试了一下发现没有打印toString\get\set方法属性,后来才发现混淆了两个概念,就是__proto__和prototype

这个__proto__属性, 是一个对象的隐式原型,指向构造该对象的构造函数的原型

function A() {
       console.log('我是函数A')
   };
   let a = new A();
   console.log(a.__proto__ === A.prototype)  // true
复制代码

这个以后再做深入讨论。

ps。刚开始用md语法写文档,用的还不是很熟练,以后有更多跟有内含的文章给大家分享,加油加油!


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

一胜九败

一胜九败

柳井正 / 徐静波 / 中信出版社 / 2011-1-19 / 28.00元

优衣库成长的过程,就是一个历经了无数次失败的过程。他们经历过无法从银行融资的焦灼,经历过“衣服因低价热销,但人们买回去之后立即把商标剪掉”的难堪,经历过为上市冲刺而拼命扩张店铺的疯狂,也经历过被消费者冷落、疏离的苦痛……但正是从这些失败中学到的经验与教训,让柳井正走向了成功。 《一胜九败:优衣库风靡全球的秘密》就像是柳井正的错误集,在这里,他毫不隐晦地将公司业绩低迷的原因、进军海外失败的因素......一起来看看 《一胜九败》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具