JavaScript 从零学起（八）：对象、构造函数

2023-10-02 19:20:57

在 JavaScript 中，对象是一种数据类型，用于存储数据并定义数据的行为。对象由键值对组成，键是字符串，值可以是任何数据类型。

对象的创建

有四种创建对象的方法：

对象字面量：使用大括号 { } 来创建对象。例如：

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

构造函数：使用 new 运算符和构造函数来创建对象。例如：

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

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

Object.create() 方法：使用 Object.create() 方法来创建对象。例如：

const person = Object.create({
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer",
});

类：使用 class 来创建对象。例如：

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

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

访问对象属性和方法

可以使用点运算符（.）或方括号运算符（[]）来访问对象属性和方法。例如：

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

可以使用点运算符或方括号运算符来调用对象方法。例如：

person.greet(); // "Hello, my name is John Doe."
person["greet"](); // "Hello, my name is John Doe."

构造函数

构造函数是一种特殊的函数，用于创建对象。构造函数的名称与类名相同，并且首字母大写。构造函数中可以使用 this 关键字来访问对象属性和方法。例如：

function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;

  this.greet = function() {
    console.log("Hello, my name is " + this.name + ".");
  };
}

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

person.greet(); // "Hello, my name is John Doe."