首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对自定义typescript类型的反思

对自定义typescript类型的反思
EN

Stack Overflow用户
提问于 2017-08-07 21:17:18
回答 3查看 3.8K关注 0票数 3

我在typescript中定义了一个自定义类型

代码语言:javascript
运行
复制
type MyType = 'left' | 'right';

如何检查与此类型匹配的变量?如何迭代此类型的可能值?(例如,创建相应的select元素)

EN

回答 3

Stack Overflow用户

发布于 2017-08-08 01:24:14

在运行时添加类型信息是TypeScript的一个声明的non-goal。这意味着他们不想让你定义一个类型,然后在运行时检查它。

然而,反之亦然:创建一个在运行时存在的对象,并使用TypeScript推断有关它的类型信息。对于您的情况,有一种方法可以做到这一点。

首先,添加以下helper函数:

代码语言:javascript
运行
复制
function stringLiteralArray<T extends string>(...args: T[]): T[] {
  return args;
}

这有助于TypeScript推断字符串数组,而不仅仅是string[]

现在,您可以创建一个名为myType的运行时对象,并从中派生MyType

代码语言:javascript
运行
复制
const myType = stringLiteralArray('left', 'right'); // ('left'|'right')[]
type MyType = (typeof myType)[number]; // 'left' | 'right'

然后你就有了运行时和编译时的类型信息。您可以使用以下用户定义的类型保护检查变量是否属于该类型:

代码语言:javascript
运行
复制
function isMyType(x: any): x is MyType {
  return myType.includes(x); // needs es2016 at least, or implement yourself
}

您可以在运行时迭代myType,也可以在编译时对MyType执行exhaustiveness checking

代码语言:javascript
运行
复制
function foo(x: MyType): string { // error, not exhaustive
  switch (x) {
    case 'left': return 'L';
    case 'rihgt': return 'R'; // error, 'rihgt' isn't 'left'|'right'
  }
}

希望这能有所帮助。

票数 4
EN

Stack Overflow用户

发布于 2017-08-07 23:49:58

你不能用“简单类型”做到这一点,但是由于Typescript 2.4,你可以使用带有字符串值的枚举:

代码语言:javascript
运行
复制
enum MyType {
    LEFT='left',
    RIGHT='right'
}

for (let i in MyType) {
    console.log(MyType[i]); //will print "left" and "right"
}

它之所以有效,是因为在运行时存在一个名为MyType的对象,并且它的值为{RIGHT:'right',LEFT:'left'}

票数 3
EN

Stack Overflow用户

发布于 2017-08-07 23:18:42

这不可能。

你必须像这样写和使用一些东西:

代码语言:javascript
运行
复制
type MyType = 'left' | 'right';
const MyTypeMeta = ["left", "right"];

有关于这个主题的an old discussion here,有很多相关的问题。也许是对this message的希望,但目前还没有完成。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45547900

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档