TypeScript 中的接口、泛型与自定义类型

devtools/2024/10/18 10:28:58/

TypeScript 是一种超集语言，它为 JavaScript 添加了静态类型检查。通过 TypeScript，开发者可以获得更好的工具支持，并且能够编写出更加健壮的代码。本文将探讨 TypeScript 中的几个关键特性：接口、泛型以及如何创建自定义类型。

接口（Interfaces）

什么是接口？

接口是 TypeScript 中用于描述对象结构的一种类型。它可以定义一个类应该具备哪些属性、方法或者索引签名。接口可以确保类遵循了一定的设计模式或约定。

使用示例

typescript">interface Person {name: string;age?: number; // 可选属性[propName: string]: any; // 任意额外属性
}function greet(person: Person) {console.log(`Hello, ${person.name}!`);
}const me: Person = { name: "Alice", age: 30 };
greet(me); // 输出: Hello, Alice!

在这个例子中，我们定义了一个 Person 接口，它至少包含一个 name 属性，并允许有可选的 age 属性以及任何其他未指定的属性。

泛型（Generics）

什么是泛型？

泛型是一种在函数级别或者类级别提供类型的参数化机制。使用泛型可以编写灵活的组件，这些组件可以在运行时处理不同类型的数据而不牺牲类型安全性。

使用示例

typescript">function identity<T>(arg: T): T {return arg;
}let output = identity<string>("hello"); // 指定类型为字符串
console.log(output); // 输出: hello

在这个例子中，identity 函数接受一个类型参数 T，这使得我们可以用不同的具体类型来调用这个函数。

自定义类型（Custom Types）

什么是自定义类型？

自定义类型允许开发者创建新的类型别名，这可以简化复杂的类型定义，并使其更易于理解和复用。

使用示例

typescript">type UserId = string | number;function logUserId(id: UserId) {console.log(`User ID is ${id}`);
}logUserId(123); // 输出: User ID is 123
logUserId("abc123"); // 输出: User ID is abc123