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

简介: 对象字面量创建对象与 Object.create(null)创建对象有什么区别?一开始是有点懵的,不都是创建对象么,能有啥不同,

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


不同点



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

此时可以看到控制台的打印:

5.png

咋一看好像也没什么不同,但是我一展开,便开始有意思了:

6.png

Object.create(null)创建的对象是非常纯净的,没有任何其它元素,而另一个var创建的对象是带有_proto_的,下面有一些方法与属性,这便是js的原型链继承,它继承了Object的方法和属性。这便是区别。


区别导致了使用场景不同



如果需要对象的继承属性和方法,那就使用var

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


目录
相关文章
|
4天前
|
自然语言处理 JavaScript 前端开发
三个JavaScript面试题
摘要: - 闭包是JavaScript函数能记住词法作用域,即使在外部执行。示例:计数器函数`createCounter()`返回访问`count`的匿名函数,每次调用计数递增。 - 事件循环处理异步操作,通过检查任务队列执行回调。示例:`setTimeout`异步任务在3秒后添加到队列,待执行,输出顺序为同步任务1、2,然后异步任务1。 - 箭头函数是ES6简洁的函数定义方式,如`greet = name => `Hello, ${name}!`。它没有自己的`this`,不适用作构造函数。
25 6
|
13天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
|
13天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(八)你真的知道了解const吗
每日一道javascript面试题(八)你真的知道了解const吗
|
13天前
|
JavaScript 前端开发
每日一道javascript面试题(七)你真的知道箭头函数吗
每日一道javascript面试题(七)你真的知道箭头函数吗
|
13天前
|
JavaScript 前端开发
每日一道javascript面试题(六)有var和无var
每日一道javascript面试题(六)有var和无var
|
13天前
|
JavaScript 前端开发
每日一道javascript面试题(五)
每日一道javascript面试题(五)
每日一道javascript面试题(五)
|
13天前
|
前端开发 JavaScript
每日一道javascript面试题(三)
每日一道javascript面试题(三)
|
13天前
|
JavaScript 前端开发
每日一道javascript面试题(二)
每日一道javascript面试题(二)
每日一道javascript面试题(二)
|
13天前
|
JavaScript 前端开发
每日一道javascript面试题(一)
每日一道javascript面试题(一)
|
25天前
|
前端开发 JavaScript 测试技术
「一劳永逸」送你21道高频JavaScript手写面试题(下)
「一劳永逸」送你21道高频JavaScript手写面试题
26 0