码迷,mamicode.com
首页 > 其他好文 > 详细

Object.create(null)、Object.create({})、{} 三者创建对象的区别

时间:2018-08-28 11:26:51      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:writable   自己   pos   image   object   显示   new   http   嵌套   

 

参考

1、先看看我们经常使用的{}创建的对象是什么样子的:

  var o = {a:1};

  console.log(o)

技术分享图片

  从上图可以看到,新创建的对象继承了Object自身的方法,如hasOwnPropertytoString等,在新对象上可以直接使用。

2、再看看使用Object.create()创建对象:

var o = Object.create(null,{
    a:{
           writable:true,
           configurable:true,
           value:‘1‘
    }
})
console.log(o)

  技术分享图片

  可以看到,新创建的对象除了自身属性a之外,原型链上没有任何属性,也就是没有继承Object的任何东西,此时如果我们调用o.toString()会报Uncaught TypeError的错误。

  大家可能会注意到,第一个参数使用了null。也就是说将null设置成了新创建对象的原型,自然就不会有原型链上的属性。

3、我们再把上面的例子改一改,将Object.create(null)改为Object.create({}):

var o = Object.create({},{
    a:{
           writable:true,
           configurable:true,
           value:‘1‘
    }
})
console.log(o)

  技术分享图片

  我们看到,这样创建的对象和使用{}创建对象已经很相近了,但是还是有一点区别:多了一层proto嵌套。

4、我们最后再来改一下:Object.create(Object.prototype)

var o = Object.create(Object.prototype,{
    a:{
           writable:true,
           configurable:true,
           value:‘1‘
    }
})
console.log(o)

技术分享图片

  这次就和使用{}创建的对象一模一样了。

5、使用Object.create(null)的理由:

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

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

 

Object.create(null)、Object.create({})、{} 三者创建对象的区别

标签:writable   自己   pos   image   object   显示   new   http   嵌套   

原文地址:https://www.cnblogs.com/lulin1/p/9546686.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!