MST
星途 面试题库

面试题:TypeScript中Pick工具类型在实际场景的应用

假设有一个接口定义如下:interface User { name: string; age: number; email: string; phone: string; } 现在你只需要从User接口中提取出name和email属性形成一个新的类型,使用Pick工具类型来实现,并说明这种操作在实际前端开发(如表单处理)中的意义。
32.5万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试
interface User { 
  name: string; 
  age: number; 
  email: string; 
  phone: string; 
}

type NameEmailUser = Pick<User, 'name' | 'email'>;

在实际前端开发如表单处理中,这种操作意义重大。比如在用户注册表单,可能只需要收集用户名(name)和邮箱(email)信息,使用Pick工具类型创建新类型NameEmailUser,可以确保传入处理表单数据的函数参数类型严格匹配,提高代码的类型安全性,减少运行时错误。同时,它能明确界定数据结构,使代码逻辑更清晰,后续维护和扩展更容易。