深拷贝

  2. function checkType(any) {
  3.   return Object.prototype.toString.call(any).slice(8, -1)
  4. }
  5. function clone(any){
  6.   if(checkType(any) === 'Object') { // 拷贝对象
  7.     let o = {};
  8.     for(let key in any) {
  9.       o[key] = clone(any[key])
  10.     }
  11.     return o;
  12.   } else if(checkType(any) === 'Array') { // 拷贝数组
  13.     var arr = []
  14.     for(let i = 0,leng = any.length;i<leng;i++) {
  15.       arr[i] = clone(any[i])
  16.     }
  17.     return arr;
  18.   } else if(checkType(any) === 'Function') { // 拷贝函数
  19.     return new Function('return '+any.toString()).call(this)
  20.   } else if(checkType(any) === 'Date') { // 拷贝日期
  21.     return new Date(any.valueOf())
  22.   } else if(checkType(any) === 'RegExp') { // 拷贝正则
  23.     return new RegExp(any)
  24.   } else if(checkType(any) === 'Map') { // 拷贝Map 集合
  25.     let m = new Map()
  26.     any.forEach((v,k)=>{
  27.       m.set(k, clone(v))
  28.     })
  29.     return m
  30.   } else if(checkType(any) === 'Set') { // 拷贝Set 集合
  31.     let s = new Set()
  32.     for(let val of any.values()) {
  33.       s.add(clone(val))
  34.     }
  35.     return s
  36.   }
  37.   return any;
  38. }

深拷贝也可以使用JSON.stringify和JSON.parse来实现，但是对于属性和层级较多的对象，这样做性能会稍差一些，并且这样只能拷贝普通对象。

  1. const person = {name: 'Sam', age: 31, child: {name: 'Ann'}};
  3. const person2 = JSON.parse(JSON.stringify(person));

浅拷贝

  1. function shallowCopy(src) {
  2.   var dst = {};
  3.   for (var prop in src) {
  4.     if (src.hasOwnProperty(prop)) {
  5.       dst[prop] = src[prop];
  6.     }
  7.   }
  8.   return dst;
  9. }