浅拷贝与深拷贝

概念

深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象的。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。

实现

浅拷贝

1 Object.assign(newObj, obj)
2 扩展运算符：{ ...obj}
3 function shadowExtend(obj) {
     let newObj = {}

     for (let key in obj) {
        if (!newObj[key]) {
           newObj[key] = obj[key]
        }
     }
     return newObj
 }

深拷贝

1 let s = JSON.parse(JSON.stringify(obj))(但是如果里面有 function 和 undefined 不可用)
2 function  deepClone(data) {
     const type = this.judgeType(data);
     let obj;
     if (type === 'array') {
        obj = [];
     } else if (type === 'object') {
        obj = {};
     } else {
        // 不再具有下一层次
        return data;
     }
     if (type === 'array') {
        // eslint-disable-next-line
        for (let i = 0, len = data.length; i < len; i++) {
           obj.push(this.deepClone(data[i]));
        }
     } else if (type === 'object') {
        // 对原型上的方法也拷贝了....
        // eslint-disable-next-line
        for (const key in data) {
          obj[key] = this.deepClone(data[key]);
        }
      }
      return obj;
 }


 function  judgeType(obj) {
    // tostring会返回对应不同的标签的构造函数
    const toString = Object.prototype.toString;
    const map = {
       '[object Boolean]': 'boolean',
       '[object Number]': 'number',
       '[object String]': 'string',
       '[object Function]': 'function',
       '[object Array]': 'array',
       '[object Date]': 'date',
       '[object RegExp]': 'regExp',
       '[object Undefined]': 'undefined',
       '[object Null]': 'null',
       '[object Object]': 'object',
    };
    if (obj instanceof Element) {
       return 'element';
    }
    return map[toString.call(obj)];
}