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