JavaScript引用类型Object常见用法实例分析

1、JavaScript数据类型

(1)基本类型

5种基本类型：Undefined、Null、Boolean、Number、String

(2)引用类型

5种引用类型：Object、Array、Date、RepExp、Function

(3)基本类型与引用类型的异同：

1.保存方式

基本类型是按值访问的。引用类型的值是按引用访问的，引用类型的值是保存在内存中的对象，JavaScript在操作对象时，实际上是操作对象的引用而不是实际的对象。

2.复制变量值

复制基本类型值会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。复制引用类型值也会将存储在变量对象的值复制一份到新变量的空间，只是值的副本是一个指针，指向存储在堆中的一个对象。

3.参数传递

JavaScript中访问变量有按值和引用两种方式，而参数只能按值传递。

2、Object类型

对象是某个引用类型的实例。

大多数引用类型值都是Object类型的实例。

---创建Object实例的方法

(1) 使用new操作符后跟Object构造函数。

var person = new Object();
person.name = "Alice";
person.age = 23;
person[5] = true;

(2) 使用字面量表示法。

var person = {
  "name" : "Alice",
  age : 23,
  5 : true
};

前端全栈学习交流圈：866109386
面向1-3经验年前端开发人员
帮助突破技术瓶颈，提升思维能力

当属性名是字符串时，引号（单、双引号）可用也可不用。

对象字面量是向函数传递大量可选参数的首选方式。

---访问对象属性的方法

(1) 点表示法

alert(person.name);

(2)方括号表示法

alert(person["name"];

方括号表示法的优点：可以通过变量来访问属性。

var property = "name";
alert(person[property];

若属性名中包含空格等或属性名是数值时，不能用点表示法，只能用方括号表示法。

alert(person[5]);