代码之家 › 专栏 › 技术社区 › recursive

元素?我能做到吗?

typescript

recursive · 技术社区 · 7 年前

以下是我想要实现的目标:

const names = ["foo", "bar", "baz"];
type NameType = elementof names;  // This is not valid TypeScript

行为与此相同:

type NameType = "foo" | "bar" | "baz";

解决方案需要完成几件事。

提供有序的可枚举字符串序列。
将名称公开为字符串文字类型的可寻址并集。
允许在没有冗余源代码编辑的情况下维护字符串。

TypeScript能做到这一点吗?

注: 这与 Convert string[] literal to string type literal ,因为这个问题不需要特定的字符串序列。联合类型不会在运行时生成任何获取订单信息的方法。

1 回复 | 直到 5 年前

Titian Cernicova-Dragomir 7 年前

可以使用类型查询获取项目的类型:

type NameType = typeof names[number];

问题是 names 是 string[] ,所以上面的代码只生成 string .

可以推断 const 使用辅助函数。

function array<T extends string>(p: T[]) : T[] {
  return p
}

const names = array(["foo", "bar", "baz"]);
type NameType = typeof names[number];   // The same as "foo" | "bar" | "baz"

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Zoddo · 属性在明确定义时可能为“未定义”

3 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

3 月前

Sanitysign · 为什么{}类型可分配给对象类型?

4 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

4 月前

njord · 基于函数的Typescript返回类型

4 月前