JavaScript 类的定义和引用 JavaScript高级培训 自定义对象

本文将详细讲解如何定义和引用 JavaScript 类，以及如何创建自定义对象。

JavaScript 类的定义和引用

在 JavaScript 中，类可以通过关键字 class 来定义。类的构造函数中可以包含属性和方法，而实例则是使用 new 关键字来创建的。

下面是一个简单的类定义示例：

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

  sayHi() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

上述代码定义了一个名为 Person 的类，该类有两个属性：name 和 age，还有一个名为 sayHi 的方法。我们可以使用以下代码来创建 Person 类的实例：

const john = new Person('John', 30);
john.sayHi(); // Hi, my name is John and I am 30 years old.

上面的代码中，我们创建了一个名为 john 的 Person 类的实例，该实例具有 name 属性和 age 属性，并可以调用 sayHi 方法来输出一个问候语。

自定义对象

在 JavaScript 中，我们可以创建自定义对象，这些对象可以有自己的属性和方法，并且可以与类一样，在构造函数中初始化这些属性。以下是创建自定义对象的方法。

对象字面量

最常见的创建自定义对象的方法是使用对象字面量（object literal）：

const person = {
  name: 'John',
  age: 30,
  sayHi() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

person.sayHi(); // Hi, my name is John and I am 30 years old.

上述代码中，我们创建了一个名为 person 的自定义对象，该对象有两个属性：name 和 age，还有一个名为 sayHi 的方法。

构造函数

另一种创建自定义对象的方法是使用构造函数（constructor）：

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

  this.sayHi = function() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  };
}

const john = new Person('John', 30);
john.sayHi(); // Hi, my name is John and I am 30 years old.

上述代码中，我们定义了一个名为 Person 的构造函数，该函数以 name 和 age 作为参数，并在构造函数中初始化这些属性。该函数还具有一个名为 sayHi 的方法。

我们通过 new 关键字来创建 Person 对象的实例，然后使用该实例的 sayHi 方法输出问候语。