关于Typescript 对象添加属性索引字符串报错的问题

刚上手TypeScript,想将一个之前用es6写的深度拷贝方法用TS改写,改到一半,遇到一点小问题又毫无头绪。就是给一个可能是空对象或空数组的对象添加属性时,字符串索引值的问题,大伙帮忙给把把脉,或者有更优雅的写法,谢谢哈。

img

es6源码如下:

    /**
     *   deepCopy(),对象深拷贝
     * @param {Object}   origin
     * @param {Boolean}  copyPrototypeProperKeyFlag,是否拷贝原型,默认 false
     */
    deepCopy(origin, copyPrototypeProperKeyFlag = false) {
        if(typeof origin !== 'object') return origin;
        const obj = Array.isArray(origin) ? [] : {};
        let pro;
        copyPrototypeProperKeyFlag && Object.getPrototypeOf(origin) && (pro = Object.getPrototypeOf(origin));
    
        const properNames = Object.getOwnPropertyNames(origin);
        properNames.length && properNames.forEach(item => {
            if(typeof origin[item] === 'object') {
                return obj[item] = this.deepCopy(origin[item], copyPrototypeProperKeyFlag);
            }
            obj[item] = origin[item];
        })
        pro && Object.setPrototypeOf(obj, pro)
        return obj;
    }

在使用Typescript时,如果要对一个对象添加属性,可以使用索引签名来实现:

interface MyObj {
  [key: string]: any;
}

const myObj: MyObj = {};
myObj['myProp'] = 'myValue';


但是,如果直接使用字符串来添加属性,可能会出现编译错误:

const myObj: { [key: string]: any } = {};
myObj.myProp = 'myValue'; // 编译错误

这是因为Typescript默认情况下不允许给一个对象添加不存在的属性,需要添加一个索引签名来解决这个问题:

interface MyObj {
  [key: string]: any;
}

const myObj: MyObj = {};
myObj.myProp = 'myValue' as any; // 强制类型转换

或者在tsconfig.json文件中设置"noImplicitAny": false,允许隐式的any类型,但这种做法不太推荐,因为会降低代码的类型安全性。