js经典面试题之 Object.create(null)

落日映苍穹つ 2023-06-26 05:57 7阅读 0赞

> 说在前面

之前腾讯面试的时候，问了这个问题：对象字面量创建对象与 Object.create(null)创建对象有什么区别？一开始是有点懵的，不都是创建对象么，能有啥不同，后面我去试了一下，结果发现还蛮有意思：

> 不同点

var obj = { };
        var obj2 = Object.create(null);
        console.log(obj);
        console.log(obj2)

此时可以看到控制台的打印：  
![在这里插入图片描述][20191230184453324.png]  
咋一看好像也没什么不同，但是我一展开，便开始有意思了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70]  
Object.create(null)创建的对象是非常纯净的，没有任何其它元素，而另一个var创建的对象是带有\_proto\_的，下面有一些方法与属性，这便是js的原型链继承，它继承了Object的方法和属性。这便是区别。

> 区别导致了使用场景不同

1.  如果需要对象的继承属性和方法，那就使用var
2.  如果只需要一个纯净的对象，那就使用 Object.create(null)，比如说，我只需要用对象来保存一些数据，然后进行循环取用，提高循环效率。这个时候如果对象有原型链，那便会在循环的时候去循环它的各个属性和方法，然后这不是必要的，我们只是要他里面的元素而已，效率会降低

[20191230184453324.png]: https://img-blog.csdnimg.cn/20191230184453324.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191230184537431.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1OTQyMzQ4,size_16,color_FFFFFF,t_70