遇到一个 ts 的问题，有更优雅的解决方案吗？

站长

2024年06月23日 08:43 · 阅读数 8

要求：尽量充分的利用类型推导，而不用额外写一写奇奇怪怪的东西。

问题点：

func(str) 有正常的类型推导，很完美；
func(obj.bbb) 为什么不能像前者一样？

type VmsType = "2D" | "3D" | "lpo" | "lips";

function func(type: VmsType) {
  console.log("🚀 ~ func ~ type:", type);
}

const str = "2D";
const obj = { bbb: "2D" };

// ok
func(str);
// Argument of type 'string' is not assignable to parameter of type 'VmsType'.
func(obj.bbb);

遇到一个 ts 的问题，有更优雅的解决方案吗？

我知道可以下面两种办法：

类型断言（Type Assertion）
```
func(obj.bbb as VmsType)
```

类型声明

const obj: { bbb: VmsType } = { bbb: "2D" };

我想知道有没有更好的办法？

1个回答

test

2024-06-23

因为 const str = '2D' 定义的是一个常量，不可能被修改，所以 str 的类型能自动推断为 '2D'而 const obj = { bbb: '2D' } 中的 bbb 是一个可变成员, 所以只能往泛类型上推导成 string

这种场景最好用枚举

enum VmsType {
    '2D' = '2D',
    '3D' = '3D',
    lpo = 'lpo',
    lips = 'lips'
}

function func(type: VmsType) {
  console.log("🚀 ~ func ~ type:", type);
}

const str = VmsType["2D"];
const obj = { bbb: VmsType["2D"], ccc: 'test' };

// ok
func(str);
func(obj.bbb);
// Argument of type 'string' is not assignable to parameter of type 'VmsType'.
func(obj.ccc);

适合作为回答的

经过验证的有效解决办法
自己的经验指引，对解决问题有帮助
遵循 Markdown 语法排版，代码语义正确

不该作为回答的

询问内容细节或回复楼层
与题目无关的内容
“赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容