TypeScript构造函数参数属性与重复声明：深入理解编译行为

class Product {
    public id: number;
    private name: string;
    protected price: number;

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

    getDescription(): string {
        return `Product ID: ${this.id}, Name: ${this.name}`;
    }
}

class TestA {
    constructor(public readonly name: string) {
        // 无需手动赋值
    }
}

class TestA {
    constructor(name) {
        this.name = name; // 自动声明并赋值
    }
}

class Coder {
    // age 属性未在参数中声明访问修饰符
    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; // age不是参数属性，手动赋值是必要的
        this.lang = lang;
        this.address = address;
        this.id = Math.random(); // id也是参数属性，这里进行了二次赋值
    }

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

"use strict";
class Coder {
    constructor(name, age, lang, address, id = 234) {
        // TypeScript自动生成的赋值（来自参数属性）
        this.name = name;
        this.lang = lang;
        this.address = address;
        this.id = id;

        // 开发者手动添加的赋值（与自动生成的部分重复）
        this.name = name; // 重复
        this.age = age; // 必要
        this.lang = lang; // 重复
        this.address = address; // 重复
        this.id = Math.random(); // 重复且覆盖了之前的赋值
    }
    getName() {
        return `My name is ${this.name}`;
    }
}

class Coder {
    // 如果age不是参数属性，则需要在此处声明或在构造函数内手动赋值
    // 或者直接将其也作为参数属性
    // public age: number; // 方式一：预先声明

    constructor(
        public readonly name: string,
        public age: number, // 将age也声明为参数属性，简化代码
        public lang: string,
        private address: string,
        protected id: number = 234
    ) {
        // 只有age属性需要手动赋值，因为它在原始问题中没有访问修饰符
        // 如果将age也改为参数属性（如上），则构造函数体可以完全清空
        // 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.age = age;
        this.lang = lang;
        this.address = address;
        this.id = id; // 自动赋值

        this.id = Math.random(); // 覆盖之前的赋值
    }
    getName() {
        return `My name is ${this.name}`;
    }
}