编辑“︁JavaScript对象基础”︁

{{DISPLAYTITLE:JavaScript对象基础}}

'''JavaScript对象基础'''是JavaScript编程语言中的核心概念之一，它允许开发者以键值对的形式组织和存储数据。对象是JavaScript中最重要的数据类型之一，广泛用于表示复杂的数据结构、封装功能以及构建面向对象的程序。

== 什么是JavaScript对象？ ==

JavaScript对象是一种复合数据类型，用于存储多个值作为属性。每个属性由一个键（key，通常是字符串或Symbol）和一个值（value，可以是任何数据类型，包括其他对象或函数）组成。对象可以动态地添加、修改或删除属性，使其非常灵活。

对象有两种主要形式：
1. '''字面量对象'''：通过大括号<code>{}</code>直接定义。
2. '''构造函数对象'''：通过<code>new Object()</code>或自定义构造函数创建。

=== 基本语法 ===
对象的基本语法如下：
<syntaxhighlight lang="javascript">
// 对象字面量
const person = {
    name: "Alice",
    age: 25,
    greet: function() {
        console.log(`Hello, my name is ${this.name}!`);
    }
};

// 访问属性
console.log(person.name); // 输出: "Alice"
person.greet(); // 输出: "Hello, my name is Alice!"
</syntaxhighlight>

== 对象的属性和方法 ==

对象可以包含两种主要成员：
1. '''属性'''：存储数据的键值对。
2. '''方法'''：作为值的函数，用于执行操作。

=== 动态属性 ===
JavaScript对象的属性可以动态添加或删除：
<syntaxhighlight lang="javascript">
const car = {};
car.make = "Toyota"; // 添加属性
car.model = "Camry";

console.log(car.make); // 输出: "Toyota"

delete car.model; // 删除属性
console.log(car.model); // 输出: undefined
</syntaxhighlight>

=== 方法定义 ===
对象方法可以通过函数表达式或简写语法定义：
<syntaxhighlight lang="javascript">
const calculator = {
    add: function(a, b) {
        return a + b;
    },
    subtract(a, b) { // 方法简写语法（ES6）
        return a - b;
    }
};

console.log(calculator.add(5, 3)); // 输出: 8
</syntaxhighlight>

== 对象的结构 ==

对象在内存中的结构可以用以下图示表示：
<mermaid>
graph LR
    A[Object] --> B[Properties]
    A --> C[Methods]
    B --> D["name: 'Alice'"]
    B --> E["age: 25"]
    C --> F["greet: function() {...}"]
</mermaid>

== 实际应用案例 ==

=== 用户信息管理 ===
对象常用于表示用户信息：
<syntaxhighlight lang="javascript">
const user = {
    id: 1,
    username: "js_developer",
    profile: {
        firstName: "John",
        lastName: "Doe",
        email: "john@example.com"
    },
    getFullName() {
        return `${this.profile.firstName} ${this.profile.lastName}`;
    }
};

console.log(user.getFullName()); // 输出: "John Doe"
</syntaxhighlight>

=== 配置对象 ===
对象也常用于存储配置：
<syntaxhighlight lang="javascript">
const appConfig = {
    apiUrl: "https://api.example.com",
    timeout: 5000,
    retries: 3,
    logErrors: true
};

function initializeApp(config) {
    console.log(`Connecting to ${config.apiUrl}`);
    // 初始化逻辑...
}

initializeApp(appConfig);
</syntaxhighlight>

== 高级概念 ==

=== 原型继承 ===
JavaScript对象通过原型链实现继承：
<syntaxhighlight lang="javascript">
const animal = {
    speak() {
        console.log(`${this.name} makes a noise.`);
    }
};

const dog = Object.create(animal);
dog.name = "Rex";
dog.speak(); // 输出: "Rex makes a noise."
</syntaxhighlight>

=== 计算属性名 ===
ES6引入了计算属性名：
<syntaxhighlight lang="javascript">
const propName = "status";
const order = {
    id: 123,
    [propName]: "shipped" // 动态属性名
};

console.log(order.status); // 输出: "shipped"
</syntaxhighlight>

== 数学表示 ==

对象可以形式化表示为：
<math>
O = \{ (k_1, v_1), (k_2, v_2), ..., (k_n, v_n) \}
</math>
其中<math>k_i</math>是键，<math>v_i</math>是对应的值。

== 总结 ==

JavaScript对象是构建复杂应用程序的基础，提供了：
* 结构化数据存储
* 方法封装
* 通过原型实现继承
* 动态属性管理

掌握对象基础是学习JavaScript面向对象编程的重要第一步。随着ES6及后续版本的更新，对象的功能和语法糖不断丰富，使得对象操作更加简洁和强大。

[[Category:编程语言]]
[[Category:JavaScript]]
[[Category:Javascript对象]]