请解释类的构造函数 (Constructor) 的作用和用法

推荐答案

类的构造函数（Constructor）是 TypeScript 中用于初始化类实例的特殊方法。它在创建类的新实例时自动调用，通常用于设置类的初始状态或执行一些初始化操作。构造函数的名称必须为 constructor，并且可以接受参数来传递初始值。

// www.javascriptcn.com code example
class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

const person = new Person("Alice", 30);
console.log(person.name); // 输出: Alice
console.log(person.age);  // 输出: 30

在上面的例子中，Person 类的构造函数接受 name 和 age 两个参数，并将它们赋值给类的实例属性。

本题详细解读

构造函数的作用

构造函数的主要作用是在创建类的实例时进行初始化操作。它可以用来：

1. 初始化实例属性：通过构造函数参数将初始值传递给类的实例属性。
2. 执行初始化逻辑：在构造函数中可以执行一些必要的初始化逻辑，比如设置默认值、验证输入等。
3. 依赖注入：构造函数可以接受外部依赖，并将其注入到类的实例中。

构造函数的用法

1. 基本用法：构造函数使用 constructor 关键字定义，并且可以接受任意数量的参数。

   // www.javascriptcn.com code example
   class Animal {
     name: string;
   
     constructor(name: string) {
       this.name = name;
     }
   }
   
   const dog = new Animal("Dog");
   console.log(dog.name); // 输出: Dog

2. 默认构造函数：如果一个类没有显式定义构造函数，TypeScript 会自动提供一个默认的无参构造函数。

   class Car {
     // 没有显式定义构造函数
   }
   
   const myCar = new Car(); // 使用默认构造函数

3. 构造函数重载：TypeScript 支持构造函数重载，允许定义多个构造函数签名，但只能有一个实现。

   // www.javascriptcn.com code example
   class Point {
     x: number;
     y: number;
   
     constructor(x: number, y: number);
     constructor(x: number);
     constructor(x: number, y?: number) {
       this.x = x;
       this.y = y ?? 0; // 如果 y 未提供，则默认为 0
     }
   }
   
   const point1 = new Point(10, 20);
   const point2 = new Point(10);

4. 访问修饰符：构造函数参数可以使用访问修饰符（如 public、private、protected）来直接声明并初始化类的属性。

   class User {
     constructor(public username: string, private password: string) {}
   }
   
   const user = new User("admin", "123456");
   console.log(user.username); // 输出: admin
   // console.log(user.password); // 错误: password 是私有的

通过以上内容，我们可以清晰地理解 TypeScript 中构造函数的作用和用法。