Typescript中type和typeof的区别

紫陌~

已于 2023-03-30 13:55:55 修改

阅读量448

点赞数

分类专栏： Typescript 文章标签： typescript javascript 前端 Powered by 金山文档

于 2023-02-20 17:31:07 首次发布

本文链接：https://blog.csdn.net/weixin_57677300/article/details/129128293

版权

Typescript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章介绍了TypeScript中的类型定义关键字type和类型检查操作符typeof。type用于创建类型别名，简化复杂类型定义，提高代码可读性；typeof则用于获取变量、函数返回值或对象属性的类型。通过示例展示了两者的不同用法。

摘要由CSDN通过智能技术生成

💂 个人网站: 【紫陌】【笔记分享网】
💅 想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】

平时在接触ts的时候有时搞不清楚这两个关系，今天做个笔记。

在 TypeScript 中，type 和 typeof 都是用于类型定义的关键字，但它们的作用不同。

1.type

type 关键字用于定义类型别名，可以给一个类型取一个新的名字。类型别名可以用来简化复杂类型的定义，提高代码的可读性和可维护性。

type MyType = string | number | boolean;
type User = { name: string, age: number };

2.typeof

typeof 关键字用于获取一个值的类型。可以用于获取变量、函数返回值、对象属性等的类型。

const num = 42;
type NumType = typeof num; // 类型为 number

function getUser() {
  return { name: '紫陌', age: 18 };
}
type UserType = ReturnType<typeof getUser>; // 类型为 { name: string, age: number }

const obj = { foo: 'bar' };
type ObjType = typeof obj; // 类型为 { foo: string }
type FooType = typeof obj.foo; // 类型为 string

总的来说，type 用于定义类型别名，typeof 用于获取值的类型。

文章通俗简单。