TypeScript访问对象属性报错：Element implicitly has an 'any' type

你的代码报错原因很明确：color被定义为宽泛的string类型，但car.step的键是"something"和"anotherone"这两个特定字面量，TypeScript无法确认任意string类型的值一定是step的合法索引。另外你误用了typeof——typeof color得到的是字符串"string"，自然无法作为索引使用。

下面是几种可行的解决方案：

方案1：约束color的类型为step的键类型 #

直接修改Car接口，把color的类型从string改为step的键集合，让TypeScript能明确索引的合法性：

// 提取step的键类型
type StepKeys = keyof Car['step'];

interface Car {
    name: string;
    age: number;
    // 将color类型约束为step的合法键
    color: StepKeys;
    step: {
        something: {
            onea: string;
            oneb: string;
        },
        anotherone: {
            twoa: string;
            twob: string;
        }
    }
};

const car: Car = {
    name: 'Some name',
    age: 200,
    color: 'something',
    step: {
        something: {
            onea: 'one a value',
            oneb: 'one b value'
        },
        anotherone: {
            twoa: 'two a value',
            twob: 'two b value',
        }
    }
};

const color = car.color;
// 此时TypeScript可确认color是合法索引，无报错
const firstStep = car.step[color];

方案2：使用类型断言（适合无法修改接口的场景） #

如果不能改动Car接口，可通过类型断言告诉TypeScript当前color是step的合法键：

interface Car {
    name: string;
    age: number;
    color: string;
    step: {
        something: {
            onea: string;
            oneb: string;
        },
        anotherone: {
            twoa: string;
            twob: string;
        }
    }
};

const car: Car = {
    name: 'Some name',
    age: 200,
    color: 'something',
    step: {
        something: {
            onea: 'one a value',
            oneb: 'one b value'
        },
        anotherone: {
            twoa: 'two a value',
            twob: 'two b value',
        }
    }
};

const color = car.color;
// 断言color为step的键类型
const firstStep = car.step[color as keyof typeof car.step];

注意：类型断言是开发者向TypeScript做出的承诺，必须确保运行时color确实是step的合法键，否则会引发运行时错误。

方案3：用const断言保留字面量类型 #

如果car是字面量定义的对象，可通过as const让TypeScript推断color的具体字面量类型，同时用satisfies确保对象符合Car接口：

interface Car {
    name: string;
    age: number;
    color: string;
    step: {
        something: {
            onea: string;
            oneb: string;
        },
        anotherone: {
            twoa: string;
            twob: string;
        }
    }
};

// as const 让TypeScript推断color为"something"字面量，satisfies确保符合Car接口
const car = {
    name: 'Some name',
    age: 200,
    color: 'something',
    step: {
        something: {
            onea: 'one a value',
            oneb: 'one b value'
        },
        anotherone: {
            twoa: 'two a value',
            twob: 'two b value',
        }
    }
} as const satisfies Car;

const color = car.color;
// color类型为"something"，可直接索引step
const firstStep = car.step[color];

内容的提问来源于stack exchange，提问作者json