TypeScript 【type】关键字的进阶使用方式

// 定义一个简单的类型，表示一个用户的信息
type UserInfo = {
  id: number;
  name: string;
  email?: string; // 可选属性
};
 
// 使用UserInfo类型定义一个用户信息变量
let user: UserInfo = {
  id: 1,
  name: 'Alice',
  email: 'alice@example.com'
};
 
// 修改UserInfo类型，增加一个新的可选属性phone
type UserInfoV2 = UserInfo & {
  phone?: string;
};
 
// 使用UserInfoV2类型定义一个用户信息变量，包含新增的phone属性
let userV2: UserInfoV2 = {
  id: 1,
  name: 'Alice',
  email: 'alice@example.com',
  phone: '1234567890'
};
 
// 输出变量信息，验证类型定义的正确性
console.log(user);
console.log(userV2);

这段代码首先定义了一个UserInfo类型，表示用户的基本信息。之后，通过使用UserInfo类型，定义了一个user变量。随后，通过使用交叉类型（&），增加了一个新的可选属性phone，定义了一个UserInfoV2类型，并使用该类型定义了一个userV2变量。最后，代码输出了这两个变量的信息，以验证类型定义的正确性。这个例子展示了如何在TypeScript中使用type关键字进行类型的扩展和定义。