JS 定义对象|极客笔记

JS 定义对象

在 JavaScript 中，对象是一种复合数据类型，用于存储多个键值对。对象是 JavaScript 中最重要的数据结构之一，几乎所有的数据类型都是对象。在本文中，我们将详细讨论如何定义对象及其属性和方法。

对象的创建

在 JavaScript 中，我们可以使用以下几种方式来创建一个对象：

使用对象字面量
使用构造函数
使用 Object.create() 方法
使用 class 关键字

使用对象字面量

对象字面量是定义对象最简单的方式。我们可以使用大括号 {} 来定义一个对象，可以在大括号内部列出对象的属性和方法。

// 定义一个名为 person 的对象
let person = {
    name: 'Alice',
    age: 25,
    speak: function() {
        console.log('Hello, my name is ' + this.name);
    }
};

// 访问对象的属性和方法
console.log(person.name);  // 输出：Alice
person.speak();  // 输出：Hello, my name is Alice

使用构造函数

构造函数是一种特殊的函数，可以用来实例化对象。我们可以使用 new 关键字来调用构造函数，并创建一个新的对象。

// 定义一个名为 Person 的构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.speak = function() {
        console.log('Hello, my name is ' + this.name);
    };
}

// 实例化一个 Person 对象
let person1 = new Person('Alice', 25);

// 访问对象的属性和方法
console.log(person1.name);  // 输出：Alice
person1.speak();  // 输出：Hello, my name is Alice

使用 Object.create() 方法

Object.create() 方法可以创建一个新对象，并可以选择性地指定该对象的原型对象。

// 定义一个名为 person 的原型对象
let personProto = {
    speak: function() {
        console.log('Hello, my name is ' + this.name);
    }
};

// 使用 Object.create() 方法创建一个新对象，并指定原型对象为 personProto
let person2 = Object.create(personProto);
person2.name = 'Alice';

// 访问对象的属性和方法
console.log(person2.name);  // 输出：Alice
person2.speak();  // 输出：Hello, my name is Alice

使用 class 关键字

ES6 引入了 class 关键字，可以更方便地定义对象和构造函数。

// 定义一个名为 Person 的类
class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    speak() {
        console.log('Hello, my name is ' + this.name);
    }
}

// 实例化一个 Person 对象
let person3 = new Person('Alice', 25);

// 访问对象的属性和方法
console.log(person3.name);  // 输出：Alice
person3.speak();  // 输出：Hello, my name is Alice

对象的属性

在 JavaScript 中，对象的属性可以是基本类型、对象或函数。

添加属性

我们可以通过点语法或方括号语法来添加对象的属性。

// 定义一个名为 person 的对象
let person = {
    name: 'Alice'
};

// 使用点语法为对象添加属性
person.age = 25;

// 使用方括号语法为对象添加属性
person['city'] = 'New York';

// 访问对象的属性
console.log(person.name);  // 输出：Alice
console.log(person['age']);  // 输出：25
console.log(person.city);  // 输出：New York

删除属性

我们可以使用 delete 关键字来删除对象的属性。

// 删除对象的属性
delete person.city;
console.log(person.city);  // 输出：undefined

修改属性

我们可以通过赋值操作符来修改对象的属性值。

// 修改对象的属性
person.age = 30;
console.log(person.age);  // 输出：30

对象的方法

对象的方法是对象中的函数，用来执行特定的操作。

// 定义一个名为 person 的对象
let person = {
    name: 'Alice',
    age: 25,
    speak: function() {
        console.log('Hello, my name is ' + this.name);
    }
};

// 调用对象的方法
person.speak();  // 输出：Hello, my name is Alice

对象的方法可以调用对象的属性，也可以调用其他方法。

// 定义一个名为 calculator 的对象
let calculator = {
    num1: 10,
    num2: 5,
    add: function() {
        return this.num1 + this.num2;
    },
    subtract: function() {
        return this.num1 - this.num2;
    }
};

// 调用对象的方法
console.log(calculator.add());  // 输出：15
console.log(calculator.subtract());  // 输出：5

在方法中，使用 this 关键字来访问对象本身。