Angular2中实现基于TypeScript的对象合并方法：extend()

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

TypeScript里面没有现成的合并对象的方法，这里借鉴jQuery里的$.extend()方法。写了一个TypeScript的对象合并方法，使用方法和jQuery一样。

部分代码和jQuery代码略有不同，主要是判断元素是否为数组和 纯对象 的部分。jQuery中有方法可直接判断元素是否为数组（$.isArray()）和对象($.isPlainObject())，但是TpyeScript里面没有，这里按照jQuery的实现写了一下判断，大部分情况应该没问题，但不保证适用所有情况。感兴趣的话可以体会一下，遇到什么问题一起讨论一下。

public class2type = {};
ngOnInit() {
this.getClass2type();
} /**
* 对象拷贝，参考$.extend()实现。首个参数为true时为深度拷贝，默认为false。
*
* @param {any} args
* @returns
* @memberof SharedService
*/
extend(...args) {
let options, name, src, srcType, copy, copyType, copyIsArray, clone,
target = args[0] || {},
i = 1,
length = args.length,
deep = false; if ( typeof target === 'boolean') {
deep = target;
target = args[i] || {};
i++;
}
if ( typeof target !== 'object' && typeof target !== 'function') {
target = {};
}
if ( i === length) {
target = this;
i--;
}
for ( ; i < length; i++ ) {
if ( (options = args[i]) !== null ) {
for ( name in options ) {
src = target[name];
copy = options[name];
// 若参数中字段的值就是目标参数，停止赋值，进行下一个字段的赋值
// 这是为了防止无限的循环嵌套
if ( target === copy ) {
continue;
}
srcType = this.isArray(src) ? 'array': typeof src;
// 不能用typeof判断一个数组是否为数组格式，例：typeof [] -> object。如需判断的话可用'[] instanceof Array'方法。
// copyType = typeof copy;
if ( deep && copy && ((copyIsArray = this.isArray(copy)) || typeof copy === 'object')) {
if ( copyIsArray ) {
copyIsArray = false;
clone = src && srcType === 'array' ? src : [];
} else {
clone = src && srcType === 'object' ? src: {};
}
target[name] = this.extend(deep, clone, copy);
} else if ( copy !== undefined ) {
target[name] = copy;
}
}
}
}
return target;
} public isArray = Array.isArray || function(obj) {
return this.type(obj) === 'array';
} private type(obj: object) {
if (obj === null) {
return obj + "";
}
return typeof obj === 'object' || typeof obj === 'function' ?
this.class2type[this.toString.call(obj)] || 'object' :
typeof obj;
} private getClass2type() {
'Boolean Number String Function Array Data RegExp Object Error'.split(' ').forEach(name => {
this.class2type['[object' + name + ']'] = name.toLowerCase();
});
} // 深度遍历，使用方法：
let newObj = this.extend(true, {}, objA, objB);