使用typescript中的变量访问对象键
在typescript中,如何使用变量访问对象键(属性) 例如:使用typescript中的变量访问对象键,typescript,Typescript,在typescript中,如何使用变量访问对象键(属性) 例如: interface Obj { a: Function; b: string; } let obj: Obj = { a: function() { return 'aaa'; }, b: 'bbbb' } for(let key in obj) { console.log(obj[key]); } 但typescript会抛出以下错误消息: 'TS7017元素隐式具有'any'类型,
interface Obj {
a: Function;
b: string;
}
let obj: Obj = {
a: function() { return 'aaa'; },
b: 'bbbb'
}
for(let key in obj) {
console.log(obj[key]);
}
但typescript会抛出以下错误消息:
'TS7017元素隐式具有'any'类型,因为类型'obj'没有索引签名'
如何修复它?我在WebStorm中尝试了上面的代码作为快速测试,它编译并运行时没有出现错误。如果您使用的是Typescript 2.0之前的版本,我建议尝试Typescript 2.0或更高版本。要使用
--noImplicitAny
编译此代码,您需要使用某种类型的类型检查版本的Object.keys(obj)
函数,在某种意义上,type checked只返回在obj
中定义的属性名称
TypeScript AFAIK中没有内置此类函数,但您可以提供自己的:
interface Obj {
a: Function;
b: string;
}
let obj: Obj = {
a: function() { return 'aaa'; },
b: 'bbbb'
};
function typedKeys<T>(o: T): (keyof T)[] {
// type cast should be safe because that's what really Object.keys() does
return Object.keys(o) as (keyof T)[];
}
// type-checked dynamic property access
typedKeys(obj).forEach(k => console.log(obj[k]));
// verify that it's indeed typechecked
typedKeys(obj).forEach(k => {
let a: string = obj[k]; // error TS2322: Type 'string | Function'
// is not assignable to type 'string'.
// Type 'Function' is not assignable to type 'string'.
});
接口对象{
a:功能;
b:弦;
}
设obj:obj={
a:函数(){return'aaa';},
b:‘bbbb’
};
函数类型Keys(o:T):(keyof T)[]{
//类型转换应该是安全的,因为Object.keys()就是这样做的
返回Object.keys(o)as(keyof T)[];
}
//已检查类型的动态属性访问
typedKeys(obj.forEach)(k=>console.log(obj[k]);
//验证它是否确实经过了类型检查
typedKeys(obj).forEach(k=>{
设a:string=obj[k];//错误TS2322:Type'string | Function'
//不可分配给类型“string”。
//类型“函数”不可分配给类型“字符串”。
});
您也可以这样做:
const keyTyped = key as keyof typeof Obj;
const value = Obj[keyTyped];
这太复杂了。这将是一个反对TS的论点。如果没有更简单的解决方案,我会这样做。