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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,142评论 0 3
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,568评论 0 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,157评论 1 45
  • 第五章******************************************************...
    fastwe阅读 3,989评论 0 0
  • 那天晚上,我没有后悔,包括现在也没有后悔。不是一时冲动,也不是心血来潮,是我当时渴望有一个人能给我温暖,恰巧,...
    嘟小花阅读 1,540评论 0 4