13、TypeScript高级特性全解析

TypeScript高级特性全解析

1. 接口中的可选参数与方法

在处理接口时，我们有多种方式来定义对象以避免类型冲突。可以像第一个示例那样，不使用接口直接定义对象；也可以定义第二个接口并使用它；还可以使用可选参数，这通常是最佳选择。在接口中，在属性名后添加 ? 表示该属性是可选的，示例代码如下：

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) {
  alert(person.getGreeting("Zammetti