有几种情况会给您带来此特定错误。在 OP 的情况下,有一个明确定义为 string的值。所以我必须假设这可能来自下拉菜单、Web 服务或原始 JSON 字符串。
在这种情况下,一个简单的演员<Fruit> fruitString
或者fruitString as Fruit
是唯一的解决方案(参见其他答案)。您永远无法在编译时对此进行改进。[编辑:请参阅我的其他答案<const>
]!
但是,在您的代码中使用从未打算为 string 类型的常量时,很容易遇到同样的错误。我的回答侧重于第二种情况:
首先:为什么“魔术”字符串常量通常比枚举更好?
- 我喜欢字符串常量与枚举的对比方式——它紧凑且“javascripty”
- 如果您使用的组件已经使用字符串常量,则更有意义。
- 必须导入“枚举类型”才能获得枚举值本身就很麻烦
- 无论我做什么,我都希望它是编译安全的,所以如果我添加从联合类型中删除一个有效值,或者输入错误,那么它必须给出编译错误。
幸运的是,当您定义:
export type FieldErrorType = 'none' | 'missing' | 'invalid'
...您实际上是在定义类型的联合,其中'missing'
实际上是一个类型!
如果'banana'
我的typescript中有一个字符串,并且编译器认为我的意思是它是一个字符串,而我真的希望它是类型,我经常会遇到“不可分配”错误banana
。编译器的智能程度取决于您的代码结构。
这是我今天收到此错误的示例:
// this gives me the error 'string is not assignable to type FieldErrorType'
fieldErrors: [ { fieldName: 'number', error: 'invalid' } ]
当我发现'invalid'
or'banana'
可以是类型或字符串时,我意识到我可以将字符串断言为该类型。基本上将它强制转换为自身,并告诉编译器不,我不希望这是一个字符串!
// so this gives no error, and I don't need to import the union type too
fieldErrors: [ { fieldName: 'number', error: <'invalid'> 'invalid' } ]
那么仅仅“投射”到FieldErrorType
(或Fruit
)有什么问题
// why not do this?
fieldErrors: [ { fieldName: 'number', error: <FieldErrorType> 'invalid' } ]
这不是编译时安全的:
<FieldErrorType> 'invalidddd'; // COMPILER ALLOWS THIS - NOT GOOD!
<FieldErrorType> 'dog'; // COMPILER ALLOWS THIS - NOT GOOD!
'dog' as FieldErrorType; // COMPILER ALLOWS THIS - NOT GOOD!
为什么?这是typescript,所以<FieldErrorType>
是断言,您告诉编译器一只狗是 FieldErrorType!编译器会允许的!
但是,如果您执行以下操作,则编译器会将字符串转换为类型
<'invalid'> 'invalid'; // THIS IS OK - GOOD
<'banana'> 'banana'; // THIS IS OK - GOOD
<'invalid'> 'invalidddd'; // ERROR - GOOD
<'dog'> 'dog'; // ERROR - GOOD
请注意像这样的愚蠢的错别字:
<'banana'> 'banan'; // PROBABLY WILL BECOME RUNTIME ERROR - YOUR OWN FAULT!
解决问题的另一种方法是强制转换父对象:
我的定义如下:
导出类型 FieldName = 'number' | '到期日期' | 'cvv'; 导出类型 FieldError = 'none' | '失踪' | '无效的'; 导出类型 FieldErrorType = { 字段:FieldName,错误:FieldError };
假设我们得到了一个错误(字符串不可分配错误):
fieldErrors: [ { field: 'number', error: 'invalid' } ]
我们可以FieldErrorType
像这样“断言”整个对象:
fieldErrors: [ <FieldErrorType> { field: 'number', error: 'invalid' } ]
然后我们避免不得不做<'invalid'> 'invalid'
。
但是错别字呢?不<FieldErrorType>
只是断言任何属于那种类型的权利。在此情况下-幸运的是编译器WILL,如果你做到这一点抱怨,因为它是足够聪明的知道这是不可能的:
fieldErrors: [ <FieldErrorType> { field: 'number', error: 'dog' } ]