Typescript 在 5 分钟内停留在 Classes 部分答案

【问题标题】：Typescript in 5 minutes stuck on Classes sectionTypescript 在 5 分钟内停留在 Classes 部分
【发布时间】：2018-11-25 14:40:09
【问题描述】：

我只是通过阅读 5 分钟教程 here 来检查 Typescript。我是一位经验丰富的程序员，但在理解“类”部分时遇到问题。此处显示以下代码：

class Student {
    fullName: string;
    constructor(public firstName: string, public middleInitial: string, public lastName: string) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);

我了解类和接口定义，但我不明白 Student 是如何实现 Person 的，因为 Person 需要两个名为 firstName 和 lastName 的字符串变量，但 Student 只有一个名为 fullName 的字符串变量。我看到 Student 构造函数包含缺少的变量，但根据我对其他语言的了解，这些是构造函数的私有变量，其内容只能通过 fullName 分配保留。为什么迎宾员可以访问学生的名字和姓氏？

【问题讨论】：

标签： typescript

【解决方案1】：

构造函数参数中的public关键字

constructor(public firstName: string, public middleInitial: string, public lastName: string) {
            ~~~~~~                    ~~~~~~                        ~~~~~~

在类上公开firstName、middleInitial和lastName属性，这些属性会使用构造函数参数值自动初始化。

此功能称为parameter properties。

【讨论】：