13、TypeScript 高级特性深入解析

TypeScript 高级特性深入解析

1. 接口的灵活运用

在 TypeScript 里，接口的使用十分灵活。当定义对象时，有多种方式来避免类型相关的问题。
- 可选参数的使用 ：在接口中，若在属性名后添加 ? ，则该属性变为可选。示例如下：

interface IPerson {
  firstName: string;
  hairColor?: string;
};
function greet(person: IPerson) {
  alert(`Hello, ${person.firstName}`);
}
greet({ firstName : "Frank" }); // Okay now

• 接口中的方法定义 ：接口不仅能定义对象属性，还能定义方法。示例如下：

interface IPerson {
  firstName: string;
  getGreeting(lastName: string): string;
};
const person = {
  firstName : "Frank",
  getGreeting(lastName: string) {
    return `Hello, ${this.firstName} ${lastName}`;
  }
};
function greet(person: IPerson)