获取JavaScript用户自定义类的类名称

在JavaScript中，用户可以通过定义类来创建自定义对象，这些对象可以包含属性和方法，用于模拟现实世界中的实体和行为。在某些情况下，我们可能需要获取一个对象所属的类名称，以便进行进一步的处理。本文将介绍如何在JavaScript中获取用户自定义类的类名称，以及一些实际的案例来演示这一过程。

步骤一：创建一个用户自定义类首先，让我们创建一个简单的用户自定义类，以便后续演示。我们将创建一个名为“Animal”的类，该类具有一个属性“name”和一个方法“makeSound”，用于发出动物的叫声。以下是这个类的代码示例：

class Animal {
  constructor(name) {
    this.name = name;
  }

  makeSound() {
    console.log("The animal makes a sound");
  }
}

在这个类中，我们使用了ES6的类语法来定义一个Animal类，其中包含了一个构造函数和一个makeSound方法。

步骤二：获取类名称的方法在JavaScript中，我们可以使用Object的constructor属性来获取一个对象所属的类的构造函数。构造函数包含了类的名称，我们可以通过构造函数的名称来获取类的名称。以下是获取类名称的代码示例：

function getClassName(obj) {
  return obj.constructor.name;
}

let animal = new Animal("Dog");
console.log(getClassName(animal)); // 输出 "Animal"

在这个示例中，我们定义了一个名为getClassName的函数，该函数接受一个对象作为参数，并返回该对象所属的类的名称。然后我们创建了一个Animal对象，并调用getClassName函数来获取该对象所属的类的名称，最后将结果打印到控制台上。

实际案例：使用获取类名称的功能现在让我们来看一个实际的案例，演示如何在实际开发中使用获取类名称的功能。假设我们有一个动物园管理系统，需要对不同类型的动物进行管理和展示。我们可以创建不同的动物类，并通过获取类名称的功能来对它们进行分类和展示。

class Dog extends Animal {
  makeSound() {
    console.log("The dog barks");
  }
}

class Cat extends Animal {
  makeSound() {
    console.log("The cat meows");
  }
}

let animals = [new Dog("Buddy"), new Cat("Whiskers")];

function displayAnimals() {
  for (let animal of animals) {
    console.log("Name: " + animal.name);
    console.log("Type: " + getClassName(animal));
    animal.makeSound();
    console.log("--------------------");
  }
}

displayAnimals();

在这个案例中，我们创建了两个子类Dog和Cat，它们都继承自父类Animal，并重写了makeSound方法。然后我们创建了一个包含不同类型动物对象的数组animals，定义了一个displayAnimals函数来展示动物的信息。在displayAnimals函数中，我们使用getClassName函数来获取动物对象所属的类的名称，并将结果打印到控制台上。