JavaScript Object 类型详解：创建与属性访问

JavaScript 数据类型概述

本文通过具体实例解析 JavaScript 中引用类型 Object 的常见用法，供读者参考学习。

1、JavaScript 数据类型

(1) 基本类型

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

(2) 引用类型

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

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

1) 保存方式

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

2) 复制变量值

复制基本类型值时，会在变量对象上创建新值并复制到新变量位置。复制引用类型值时，同样将变量对象中的值复制一份到新变量空间，但该副本是指向堆中对象的指针。

3) 参数传递

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

Object 类型详解

2、Object 类型

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

大多数引用类型值都是 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
};

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

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

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

访问对象属性的方法

(1) 点表示法

alert(person.name);

(2)方括号表示法

alert(person["name"];

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

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

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

alert(person[5]);

更多关于 JavaScript 相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript操作DOM技巧总结》

希望本文所述对大家 JavaScript 程序设计有所帮助。