Question

在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会抛出以下错误消息：

＆＃39; TS7017元素含有一个＆＃39;任何＆＃39;输入因为类型＆＃39; obj＆＃39;没有索引签名＆＃39;

如何解决？

Answer 1

要使用--noImplicitAny编译此代码，您需要使用某种类型检查版本的Object.keys(obj)函数，在某种意义上进行类型检查，以便知道只返回已定义属性的名称在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'.
});

Answer 2

我发现使用 keyOf 是最简单的解决方案

const logKey = (key: keyof Obj) => {
    console.log(obj[key])
}

for(let key in obj) {
    logKey(key)
}

Answer 3

你也可以这样做：

const keyTyped = key as keyof typeof Obj;
const value = Obj[keyTyped];

Answer 4

我尝试将您的代码作为WebStorm中的快速测试，并且编译并运行时没有错误。如果您在2.0之前使用的是Typescript版本，我建议尝试使用Typescript 2.0或更高版本。

使用typescript中的变量访问对象键

4 个答案: