面试题：TypeScript类构造函数中参数属性的使用

Question

请解释TypeScript类构造函数中的参数属性是什么，如何使用它来简化代码，并举例说明。

Answer 1

参数属性的解释

在TypeScript类的构造函数中，参数属性是一种在构造函数参数中声明并初始化类属性的便捷方式。通过在构造函数参数前使用访问修饰符（如public、private、protected），可以同时声明一个类属性并将构造函数参数的值赋给该属性。

如何使用它简化代码

通常情况下，若要声明并初始化类属性，需要先在类中声明属性，然后在构造函数中赋值。而参数属性将这两个步骤合并，减少了样板代码。

举例说明

// 传统方式
class Person {
    name: string;
    age: number;
    constructor(n: string, a: number) {
        this.name = n;
        this.age = a;
    }
}

// 使用参数属性简化后的代码
class Person2 {
    constructor(public name: string, public age: number) {}
}

在上述例子中，Person2类通过参数属性在构造函数中直接声明并初始化了name和age属性，代码更为简洁。