JavaScript学习笔记（二） js对象

在JavaScript学习过程中，对象的概念是核心知识点之一。对象是数据的集合，它们允许我们组织代码，并且在编程中模拟现实世界的问题解决。JavaScript中的对象本质上是一个键值对集合，其中每个键是一个属性名，每个值是属性值。属性名可以是字符串（包括空字符串），而属性值可以是任意数据类型（除undefined外）。这使得JavaScript对象非常灵活，并且可以用来存储各种复杂的数据结构。 在JavaScript中，对象的创建有多种方式。最简单和直接的方法是使用对象字面量语法。这是一种使用大括号`{}`包含一组由逗号分隔的键值对的方式。例如： ```javascript var obj = { "name": "Jim", "age": 16 }; ``` 上述代码创建了一个名为`obj`的对象，其中包含两个属性：`name`和`age`。属性名被双引号包围，这表明它们是字符串。如果属性名是一个合法的JavaScript标识符且不包含空格或特殊字符，可以省略引号，如下所示： ```javascript var obj = { name: "Jim", age: 16 }; ``` 另外一种创建对象的方式是使用`new`关键字配合`Object`构造函数： ```javascript var obj = new Object(); obj.name = "Jim"; obj.age = 16; ``` 这种创建方式和字面量语法在功能上是等价的，但在现代JavaScript编程中，推荐使用对象字面量方式，因为它们更简洁、易于理解。 对象的属性可以动态添加、修改或删除。要获取对象的属性值，可以使用点符号`.`或者方括号`[]`的方式。点符号适用于属性名是一个有效的JavaScript标识符时： ```javascript var name = obj.name; // 获取name属性的值 var age = obj.age; // 获取age属性的值 ``` 当属性名包含空格、特殊字符或者是一个变量时，应使用方括号： ```javascript var nameField = "name"; var name = obj[nameField]; // 获取name属性的值 ``` 如果尝试访问一个不存在的属性，JavaScript将返回`undefined`。 JavaScript中`||`运算符可以用来为可能未定义的属性值提供默认值： ```javascript var status = flight.status || "unknown"; // 如果flight.status未定义，则返回"unknown" ``` 对象的属性值可以通过赋值语句来更新： ```javascript obj.age = 20; // 将age属性的值更新为20 ``` 对象在JavaScript中是通过引用来传递的。这意味着当你将一个对象赋值给另一个变量时，实际上是将引用（即内存地址）传递过去。因此，新的变量和原来的变量都会指向同一个对象。 JavaScript中的所有对象都可以访问它们的原型链上的属性。原型链是JavaScript实现继承的主要机制。每个对象都有一个指向它的原型对象的内部链接，当尝试访问一个对象的属性时，如果在当前对象中没有找到，解释器会继续在原型链上查找该属性。 `delete`运算符可以用来删除对象的属性： ```javascript delete obj.age; // 删除obj对象的age属性 ``` 在深入学习JavaScript对象时，我们还会遇到更高级的概念，例如内置对象（如`Date`、`Array`、`RegExp`等）、自定义对象、构造函数、工厂模式、原型链继承、ES6新增的类（class）语法、静态属性和方法等等。掌握这些知识能够让我们更加高效地使用JavaScript来开发应用程序，并编写出更清晰、更可维护的代码。