理解 TypeScript 构造函数中的参数属性：避免重复声明的指南

class Test {
    constructor(public whatever: string) {
        // 这里的 whatever 已经自动声明为类的公共属性，并被赋值
    }
}

class Test {
    constructor(whatever) {
        this.whatever = whatever; // 自动完成的赋值
    }
}

class Coder {
    age: number; // 普通属性声明

    constructor(
        public readonly name: string, // 参数属性
        age: number, // 普通构造函数参数
        public lang: string, // 参数属性
        private address: string, // 参数属性
        protected id: number = 234 // 参数属性，带默认值
    ) {
        // 对参数属性进行显式赋值
        this.name = name;
        this.age = age; // 对普通属性进行赋值
        this.lang = lang;
        this.address = address;
        this.id = Math.random(); // 覆盖默认值和参数属性的自动赋值
    }

    getName(): string {
        return `My name is ${this.name}`;
    }
}

"use strict";
class Coder {
    constructor(name, age, lang, address, id = 234) {
        // 第一次赋值：由参数属性自动生成
        this.name = name;
        this.lang = lang;
        this.address = address;
        this.id = id;

        // 第二次赋值：由构造函数体内的显式赋值生成
        this.name = name; // 重复
        this.age = age; // 非重复，因为 age 不是参数属性
        this.lang = lang; // 重复
        this.address = address; // 重复
        this.id = Math.random(); // 重复，且覆盖了上一个赋值
    }
    getName() {
        return `My name is ${this.name}`;
    }
}

class Coder {
    age: number;

    constructor(
        public readonly name: string,
        age: number, // 保持为普通参数
        public lang: string,
        private address: string,
        protected id: number = 234
    ) {
        // 对于参数属性 (name, lang, address, id)，不再显式赋值。
        // TypeScript 已经自动处理了它们的声明和初始赋值。

        this.age = age; // age 是普通属性，需要显式赋值。

        // 如果需要对参数属性进行后续修改，可以在这里进行，
        // 但要注意它会覆盖自动生成的赋值。
        this.id = Math.random(); // 示例：覆盖 id 的初始值
    }

    getName(): string {
        return `My name is ${this.name}`;
    }
}

"use strict";
class Coder {
    constructor(name, age, lang, address, id = 234) {
        // 参数属性的自动赋值
        this.name = name;
        this.lang = lang;
        this.address = address;
        this.id = id; // 这里的 id = id 是由 protected id: number = 234 产生的

        // 普通属性的显式赋值
        this.age = age;

        // 对参数属性 id 的后续修改（覆盖了上面的 this.id = id;）
        this.id = Math.random();
    }
    getName() {
        return `My name is ${this.name}`;
    }
}