JavaScript对象的特性与实践应用深入详解

本文实例讲述了JavaScript对象的特性与实践应用。分享给大家供大家参考，具体如下：

JavaScript 的简单数据类型是数字、字符串、布尔值（true/false）、null 以及 undefined，其它所有的值都是对象。这些对象是可变的键值对集合。

对象是属性的容器，每个属性都有名字和值。属性的名字可以是包含空字符串在内的任何字符串，而属性值是除 undefined 值之外的任意值。

对象是无类型的，它对属性的名字和值没有类型限制。所以对象很适合汇集和管理数据。对象可以包含其他对象，所以可以很容易地表示成树状或图形数据结构。

使用原型链，可以让一个对象继承另一个对象的属性。合理地使用这一特性，可以减少初始化对象所消耗的内存和时间。

1 对象字面量

对象字面量是包围在一对花括号中的零或多个名值对，它可以出现在任何允许表达式出现的地方：

var empty_object = {};var stooge = {  "first-name": "deniro",  "last-name": "Li"};

属性的名字可以是包含空字符串在内的任何字符串。如果属性名是合法的 JavaScript 标识符，则可以不加引号。逗号用来分隔多个名值对。

属性值可以是任意的表达式（包括另一个对象字面量），即对象是可潜逃的：

var flight = {  airline: "Oceanic",  number: 815,  departure: {    IATA: "SYD",    time: "2017-08-02 19:00",    city: "Sydney"  },  arrival: {    IATA: "LAX",    time: "2017-08-03 21:37",    city: "Los Angeles"  }};

2 检索

可以使用 [ ] 语法来获取对象的值。如果字符串表达式是一个字符串字面量，而且它又是一个合法的 JavaScript 标识符，那么也可以使用 . 语法。优先使用 . 语法，因为它更紧凑，而且可读性更好：

console.log(stooge["first-name"]);//"deniro"console.log(flight.departure.IATA);//"SYD"（优先考虑 . 表示法）

如果要检索的属性的值不存在，会返回 undefined：

console.log(stooge["middle-name"]);console.log(flight.status);console.log(stooge["FIRST-NAME"]);

|| 运算符可用来填充默认值：

console.log(stooge["middle-name"] || "(none)");//(none)console.log(flight.status || "unknown");//unknown

从 undefined 的属性中取值会抛出 TypeError 异常，我们可以使用 && 来避免这个问题：

console.log(flight.equipment);//undefined//console.log(flight.equipment.model);//抛出 TypeErrorconsole.log(flight.equipment && flight.equipment.model);//undefined

3 更新

可以通过赋值语句来更新对象的值。如果属性名已存在于对象中，那么属性的值就会被替换：

stooge["first-name"] = "lily";console.log(stooge["first-name"]);//"lily"