JavaScript中new Object()和{}的区别

286 阅读1分钟

1.无本质区别

对于array,object,function和正则表达式这类既可以通过字面量(如let arr = [])又可以通过构造函数(如let arr = new Array())来声明的对象类型,实际上,这两种声明方式的效果和底层实现是一样的,创建的值都是通过封装对象来包装。

2.避免使用构造函数

非必要情况下,尽量不要使用构造函数来声明一个变量,其往往存在一些缺陷:

  • new Array()如果只有一个数字参数时,该参数会被视为数组的长度设置值,而不是数组的一个元素(如new Array(3))则会创建一个有3个”空单元”的数组。而ES6 Array.of()就是来修复这个问题的,并且替代Array()
  • new Object()创建对象时,无法像字面量那样一次性设置多个属性,只能逐一设定
  • 你基本不会通过new Function()来定义函数
  • 使用字面量形式(如/~a*bt/g)创建正则表达式,相比构造函数形式语法简单,执行效率更高(js在执行前会对其进行预编译和缓存)。