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

巴特西

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

最新文章

热门文章