使用 Object.create(null) 代替大括号生成({})对象

传统对象写法为 var obj = {} 这种写法等价于 var obj = Object.create(Object.prototype) ,所以 {} 并不是真正的空对象,它还通过原型链继承了 Object 的属性方法。

这种方式不好地方是,{} 在某些时候会进行隐式类型转型,还有当我们使用 for...in 时候会遍历原形链上的属性方法,如下面的代码所示。

Object.prototype.test = 'test';
var obj = {};
console.log((obj + 0).length); // 16
for (var i in obj) {
  console.log(i); // 输出 test
}

当对象和数值进行运算的时候会对对象进行隐式转换,{} + 1 就变成了 [object Object] + 0 所以计算结果的长度为 16。

for...in 进行遍历的时候也会遍历原型链可枚举的属性,所以当遍历的时候还需要使用 hasOwnProperty 进行过滤操作。

Object.create(null) 没有这样的问题,是一个没有继承 Object 原型的属性和方法的纯对象。

var obj = Object.create(null)
obj + obj  // Uncaught TypeError: Cannot convert object to primitive value
obj  + 1 // Uncaught TypeError: Cannot convert object to primitive value

性能方面,如下图,在以前使用 Object.create(null) 会有性能问题(比 {} 慢了很多倍),而现在已经不是问题了,而且更快了。

image

所以推荐大家使用 Object.create(null) 代替大括号生成({})对象。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值