关于使用Object.create(null)来创建空对象,而不直接使用{}的优势


前言

问题:为什么vue源码中使用Object.create(null)来创建空对象,而不直接使用{}???
在这里插入图片描述


1. 使用Object.create(null) 和 直接{}的区别

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

let a = {
    'name': '张三'
}
let b = Object.create(null) // {}  无属性
let c = {} // {} 有属性

在这里插入图片描述

2.子类继承父类

简单理解mdn上面的demo,你可以理解为d继承了a,也就是类式继承

let a = {
    'name': '张三'
}
let d = Object.create(a) // {name: '张三'} 继承父类

在这里插入图片描述

3. 子类继承父类—进阶

let a = {
    'name': '张三'
}
let d = Object.create(a) // {name: '张三'} 继承父类
let e = Object.create(Object.prototype,{    
	a:{
		value: a,
		enumerable: false, // 对象的属性是否可以通过for...in循环被遍历
    writable: true, // 是否可以修改value属性的值
    configurable: true, // 是否阻止某些操作改写该属性(是否可以修改删除值)    
	}
})

在这里插入图片描述

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值