JavaScript 对象：揭秘对象本质，轻松掌握创建对象的方法

2023-12-09 05:16:42

JavaScript 对象简介

JavaScript 对象是一种复杂的数据类型，可以存储键值对，键是字符串，值可以是任何类型的数据，包括其他对象、数组甚至函数。对象可以看作是现实世界中实体的数字化表示，我们可以通过创建对象来模拟现实世界中各种各样的实体，如学生、产品、动物等，并赋予它们相应的属性和行为。

JavaScript 对象的创建方法

JavaScript 对象的创建方法主要有四种：

使用大括号 {} 创建对象：

let person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

使用 Object 构造函数创建对象：

let person = new Object();
person.name = "John Doe";
person.age = 30;
person.occupation = "Software Engineer";

使用工厂函数创建对象：

function createPerson(name, age, occupation) {
  return {
    name: name,
    age: age,
    occupation: occupation
  };
}

let person = createPerson("John Doe", 30, "Software Engineer");

使用类创建对象：

class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

let person = new Person("John Doe", 30, "Software Engineer");

JavaScript 对象的属性和方法

JavaScript 对象由属性和方法组成。属性是对象的键值对，而方法是对象的函数。

属性

属性是对象的键值对，其中键是字符串，值可以是任何类型的数据。我们可以通过点运算符（.）或方括号运算符（[]）来访问对象的属性：

console.log(person.name); // "John Doe"
console.log(person["age"]); // 30

方法

方法是对象的函数，我们可以通过点运算符（.）或方括号运算符（[]）来调用对象的函数：

console.log(person.getName()); // "John Doe"
console.log(person["getAge"]()); // 30

JavaScript 对象的 this

this 关键字是一个特殊的变量，它指向当前对象。this 关键字可以在对象的方法中使用，用来访问该对象自身的属性和方法：

class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }

  getName() {
    return this.name;
  }

  getAge() {
    return this.age;
  }

  getOccupation() {
    return this.occupation;
  }
}

let person = new Person("John Doe", 30, "Software Engineer");

console.log(person.getName()); // "John Doe"
console.log(person.getAge()); // 30
console.log(person.getOccupation()); // "Software Engineer"