废话
之前写C#,所以使用强类型的语言比较习惯,用js觉得有些自由散漫了,所以学习学习ts,结果感觉ts也有好多坑,好多限制,但是又不想使用@ts-ingore。多少有点强迫症吧
从网上找了好久都没找到方法。以下方法不一定是主流或正确的做法,只是在webstorm中不会再提示错误了,可以正常编译成js代码和运行。
仅供参考
提示错误的代码
定义一个接口,用来表示自己的类型
export interface Options {
key1: number;
key2: boolean;
key3?: string
}
定义两个Options类型的变量
let options1:Options = {
key1: 0,
key2: false
key3: "option1"
}
let options2:Options = <Options>{
key1: 3,
key2: type
}
使用for…in对options1遍历给options2赋值
- TS2322: Type ‘number | boolean’ is not assignable to type ‘never’. Type ‘number’ is not assignable to type ‘never’.
let key: keyof Options;
for (key in options) {
if(option1.hasOwnProperty(key)){
option2[key]/*ts2322*/ = options[key];
}
}
- TS7053: Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index type ‘Options’. No index signature with a parameter of type ‘string’ was found on type ‘Options’.
for (const key in options) {
if(option1.hasOwnProperty(key)){
Settings.options[key]/*ts7053*/ = options[key]/*ts7053*/;
}
}
修改后的代码
将定义的接口继承Record即可,指定key及值的类型
export interface Options extends Record<string, any>
key1: number;
key2: boolean
}
说明及参考
TypeScript版本:4.7.4
编辑器webstorm2022.3
【1】TS 里几个常用的内置工具类型(Record、Partial 、 Required 、 Readonly、 Pick 、 Exclude 、 Extract 、 Omit)的使用_ts partial_织_网的博客-CSDN博客文章来源:https://www.toymoban.com/news/detail-594510.html
【2】如何在Typescript中使用for…in ? - 掘金 (juejin.cn)文章来源地址https://www.toymoban.com/news/detail-594510.html
到了这里,关于TS2322错误解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!