字面量方式和new方式的区别及用法

2019-11-9    seo达人

一 - 字面量方式和new方式

☛每次创建数组或对象的时候,都能用以下两种方法创建:咦?有什么区别呢?还有哪些可以有这两种方法呢?我到底用哪一种呢?



var arr = [];//字面量方法创建数组

var arr = new Array();//实例化构造函数方法创建数组



var obj = {};//字面量方法创建对象

var obj = new Object();//实例化构造函数方法创建对象



二 - 哪些对象可以new?

☛只要存在构造函数的都可以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();



基本上来说 js中对象,除了null ,undefined,其他的都是可以用new出来的。



三 - 字面量是什么?

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



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链中遍历该方法,当找到该方法后,又会生产方法调用必须的堆栈信息,方法调用结束后,还要释放该堆栈。

————————————————


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档