JavsScript 对象定义

JavaScript 中的对象是一种复杂的数据结构，它允许开发者存储和操作键值对。对象可以包含属性和方法，它们可以用来描述和操作数据。理解如何定义和使用对象是掌握 JavaScript 的关键。

属性

属性是对象中的一个成员，它由一个键和一个值组成。这些键可以是字符串或符号，而值可以是任何数据类型，包括其他对象。

直接创建对象

你可以通过大括号 {} 来直接创建一个对象，并且在大括号内添加键值对来初始化属性。

const person = {
    name: '张三',
    age: 30,
    gender: '男'
};

在这个例子中，person 对象有三个属性：name、age 和 gender。每个属性都由一个键和一个值组成，键和值之间用冒号 : 分隔，不同的属性之间用逗号 , 分隔。

使用 Object.create() 方法

除了直接创建对象外，还可以使用 Object.create() 方法来创建对象。这个方法接受一个参数，该参数作为新创建对象的原型。

// www.javascriptcn.com code example
const personPrototype = {
    getAge() {
        return this.age;
    }
};

const person = Object.create(personPrototype);
person.name = '李四';
person.age = 25;

在这个例子中，personPrototype 对象定义了一个方法 getAge。然后我们使用 Object.create() 创建了 person 对象，并将其原型设置为 personPrototype。因此，person 对象可以访问到 personPrototype 中定义的方法。

方法

对象中的方法是指定义在对象内部的函数。这些方法可以通过点符号或者方括号来调用。

定义方法

方法是对象的一个特殊类型的属性，其值是一个函数。你可以像定义普通属性一样定义方法。

// www.javascriptcn.com code example
const person = {
    name: '王五',
    age: 28,
    greet() {
        console.log(`你好，我叫${this.name}，今年${this.age}岁`);
    }
};

person.greet(); // 输出 "你好，我叫王五，今年28岁"

在这个例子中，greet 是一个方法，它被定义为 person 对象的一个属性。当我们调用 person.greet() 时，会输出一条包含对象属性的问候语。

动态添加方法

你也可以在对象创建之后动态地为其添加方法。

// www.javascriptcn.com code example
const person = {
    name: '赵六',
    age: 22
};

person.sayHello = function () {
    console.log(`大家好，我是${this.name}`);
};

person.sayHello(); // 输出 "大家好，我是赵六"

在这个例子中，我们首先创建了一个简单的 person 对象。然后，我们向这个对象添加了一个名为 sayHello 的方法，并通过 person.sayHello() 调用了这个方法。

访问器属性

访问器属性是通过 getter 和 setter 函数来控制的属性。它们允许你在获取或设置属性值时执行自定义逻辑。

定义访问器属性

你可以使用 get 和 set 关键字来定义访问器属性。

// www.javascriptcn.com code example
const book = {
    _title: 'JavaScript 高级程序设计',
    get title() {
        return this._title.toUpperCase();
    },
    set title(value) {
        this._title = value;
    }
};

console.log(book.title); // 输出 "JAVASCRIPT 高级程序设计"
book.title = 'JavaScript 从入门到精通';
console.log(book.title); // 输出 "JAVASCRIPT 从入门到精通"

在这个例子中，_title 是一个私有变量，用于存储实际的书名。title 是一个访问器属性，它有两个部分：一个是 get 函数，当读取 title 属性时会被调用；另一个是 set 函数，当设置 title 属性时会被调用。这里我们通过 get 函数将书名转换为大写，通过 set 函数来更新 _title 的值。

总结

对象是 JavaScript 中非常重要的概念，它允许你组织和管理数据。通过属性和方法，你可以创建功能丰富、结构清晰的数据模型。此外，通过访问器属性，你可以增加对属性值的控制力，使你的代码更加健壮和灵活。