TypeScript踩坑之TS7053的问题及解决

目录

• TypeScript踩坑之TS7053
• 解决方法
• 总结

TyPEScript踩坑之TS7053

错误：TS7053: Element implicITly has an ‘any’ type because exPression of type ‘string’ can’t be used to index type xxx

在 vue 中如果用 TypeScript 写类似如下的代码，用 []定位对象中的某一个属性，因为TypeScript的类型检查，编译会报TS7053错误

const Map1 = {
    a: '1',    b: '2',    c: '3'}
const Map2 = {
    d: '1',    e: '2',    f: '3'}
function test(): void {
        let str = 'abcdef';
        let key = str.substr(1, 1);
        console.LOG(Map1[key]);
        console.log(Map2[key]);
}
    test();
    

解决方法

就是另写一个函数判断一下对象有没有key那个属性

const Map1 = {
    a: '1',    b: '2',    c: '3'}
const Map2 = {
    d: '1',    e: '2',    f: '3'}
function isValidKey(key: string, obj: {
[PRopName: string]: amy}
): key is keyof typeof obj {
        return key in obj;
}
function test(): void {
        let str = 'abcdef';
        let key = str.substr(1, 1);
     // 'b'	if (isValidKey(key, Map1) console.log(Map1[key]);
     // '2'    if (isValidKey(key, Map2) console.log(Map2[key]);
 // 不会输出}
    test();
    

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

• 关于TypeScript的踩坑记录
• typescript+vite项目配置别名的方法实现
• vue项目中使用ts（typescript）入门教程

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！