递归+MessageChannel实现深拷贝

q:欸我改这个对象里的东西这边怎么也变了
m:这种东西好像要深拷贝一下吧
q：深拷贝是什么啊
leeder： 你怎么这个都不知道你怎么进来的
q: 你招进来的，欸百度好像也是这么说的欸
leeder：m，你去给他写个方法
......好的又是躺枪的一天

递归

function deepClone(source) {
  if (!source && typeof source !== 'object') {
    throw new Error('error arguments', 'deepClone')
  }
  const targetObj = source.constructor === Array ? [] : {}
  Object.keys(source).forEach(keys => {
    if (source[keys] && typeof source[keys] === 'object') {
      targetObj[keys] = deepClone(source[keys])
    } else {
      targetObj[keys] = source[keys]
    }
  })
  return targetObj
}

MessageChannel

 function deepClone(source) {
    const { port1, port2 } = new MessageChannel()
    return new Promise(resolve => {
      port1.postMessage(source)
      port2.onmessage = val => {
        resolve(source)
      }
    })
  }

害,怎么说呢，递归的方式遇到循环调用就G掉了，MessageChannel遇到方法的时候就G掉了，写写暂时满足一下需求，专业的还得看lodash里面的api吧，虽然我也没用过...