字面量 与 new 两种方式的用法和区别？

一 ： 字面量方式和new方式

• 每次创建数组或对象的时候，都能用以下两种方法创建：那有什么区别呢？还有哪些可以有这两种方法呢？我到底用哪一种呢？

• var arr = [];//字面量方法创建数组
  var arr = new Array();//实例化构造函数方法创建数组
  
  var obj = {};//字面量方法创建对象
  var obj = new Object();//实例化构造函数方法创建对象

  二 ： 哪些对象可以new？

• 只要存在构造函数的都可以new出来。基本上来说 js中对象，除了null ,undefined，其他的都是可以用new出来的。

• var num = new Number();
  var boo = new Boolean(); 
  var str = new String(); 
  var arr = new Array(); 
  var obj = new Object(); 
  var fn = new Function();
  var reg = new RegExp();
  var date = new Date();

  

• 三 ： 字面量是什么？

• 字面量表示如何表达这个值，一般除去表达式，给变量赋值时，等号右边都可以认为是字面量。

• JavaScript支持字面量，允许使用一种简洁而可读的记法来创建对象、数组

• 字面量分为：字符串字面量(string literal )、数组字面量(array literal)和对象字面量(object literal)，另外还有函数字面量(function literal)等等。

• var num = 1;
  var boo = true;
  var str = "a";
  var arr = [];
  var obj = {};
  var fn = function(){};
  var reg = /\s/g;
  

四 - 两种的区别

• 字面量语法简单，直接，优雅
• 也没有必要去使用new去调用构造方法，减少代码，减少代码运算量。
• 那new这个操作符到底做了什么？

var arr = new Array();
/*
new:
       1:var obj = {};
       2:obj.__proto__ = Array.prototype;
       3:Array.call(obj);
*/

五 - 使用哪一种？

• 字面量比new高效
• 比如：{}是字面量，可以立即求值
• 而new Object()本质上是方法（只不过这个方法是内置的）调用， 既然是方法调用，就涉及到在proto链中遍历该方法，当找到该方法后，又会生产方法调用必须的堆栈信息，方法调用结束后，还要释放该堆栈。