返回

Typescript 对象所有 values 组成的 type - as const

前端

简介

我们使用 typescript 开发时，常会遇到 的问题，类似于需要一个 valueof 的函数，但是 typescript 里没有直接的方法，你能实现么？本文就来实现一个typescript的 valueof 函数。

类型系统的最大好处之一是 TypeScript 能够推断出函数的返回值类型，但如果想返回一个枚举类型的联合类型呢？这个时候可以通过 as const 断言实现，该特性于 TypeScript 4.5 版本中引入。

TypeScript 4.7 版本中，为 as const 增加了支持，可以应用于对象字面量，这使得可以非常方便的声明一个包含枚举所有值的联合类型，如：

const ValuesOfEnum = as const {
  APPLE: "apple",
  ORANGE: "orange",
  BANANA: "banana",
};

type ValuesOfEnum = typeof ValuesOfEnum[keyof typeof ValuesOfEnum];

这种技术在需要对对象的所有值进行遍历时非常有用。例如，您可以使用它来创建对象的映射。

如何使用 as const 断言

在对象字面量中，可以直接将 as const 作为类型断言，如：

type ValuesOfEnum = as const {
  APPLE: "apple",
  ORANGE: "orange",
  BANANA: "banana",
};

const obj: ValuesOfEnum = {
  APPLE: "apple",
};

值得注意的是，对象中的键的类型需要和 as const 中定义的相同。

as const 的其他用法

as const 还可以用于数组类型，这允许您创建具有常量元素的数组。

const arr = ["apple", "orange", "banana"] as const;

这样就创建了一个具有三个元素的数组，并且这些元素是常量。这意味着您不能更改数组中的元素。

总结

as const 是 TypeScript 中的一个非常有用的特性，它允许您创建包含枚举所有值的联合类型。这在需要对对象的所有值进行遍历时非常有用。此外，as const 还可以用于创建具有常量元素的数组。

最后

我希望这篇文章对您有所帮助。如果您有任何问题，请随时发表评论。感谢您的阅读！