TypeScript中的联合类型、类型别名、接口、类型断言
// 定义一个基本的类型别名
type Username = string;
// 定义一个接口来描述用户信息
interface UserInfo {
name: Username;
age: number;
}
// 使用接口来描述一个函数,该函数接受一个UserInfo类型的参数
function greetUser(user: UserInfo) {
return `Hello, ${user.name}!`;
}
// 使用类型断言来访问对象属性
function getUserInfo(user: Username | UserInfo): UserInfo {
return (user as UserInfo); // 类型断言确保user被当作UserInfo类型
}
// 使用UserInfo接口和类型别名
let userName: Username = "Alice";
let userInfo: UserInfo = {
name: userName,
age: 30
};
// 调用函数并输出结果
console.log(greetUser(userInfo));
// 使用类型断言访问属性
let userInfoAsserted = getUserInfo(userInfo);
console.log(userInfoAsserted.age);
这个代码示例展示了如何在TypeScript中定义类型别名、创建接口、编写函数以及使用类型断言。它演示了如何创建一个用户信息的函数,并如何使用类型断言来确保访问正确的属性。
评论已关闭