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

Question

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

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;
    }

Answer 1

在使用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类型，但这种做法不太推荐，因为会降低代码的类型安全性。