综合手写深拷贝，浅拷贝

  2. let obj1 = {
  3.     name: '赵敏',
  4.     age: 11,
  5.     hobbit: {
  6.         eat: '香蕉'
  7.     }
  8. }
  9. let obj2 = deepClone(obj1)
  10. obj2.name = '张无忌'
  11. obj2.hobbit.eat = '苹果 '
  12. console.log('obj1', obj1)
  13. console.log('obj2', obj2)
  15. function deepClone(obj = {}) {
  16.     // 如果是普通类型，直接返回
  17.     if (typeof obj !== 'object' || typeof obj == null) {
  18.         return obj
  19.     }
  20.     let result = Array.isArray(obj) ? [] : {}
  21.     for (let key in obj) {
  22.         if (obj.hasOwnProperty(key)) {
  23.             result[key] = deepClone(obj[key])
  24.         }
  25.     }
  26.     return result
  27. }

代码分解

  1. 如果拷贝变量是 let obj = 1 (基本数据类型)// 简单数据类型，直接返回。因为这不涉及拷贝,就是赋值好吧….

那怎么找判断基本数据类型呢， typeof 基本类型都会返回，复杂类型都会返回object，但是有一个特殊的null

  1. 复杂类型，判断是数组还是对象； Array.isArray(obj) obj instanceof Array
  2. 根据类型，给返回值初始化
  3. 循环赋值对象，以key,vale的形式赋值。 但是要在本身原型上查找 hasOwnProperty

  4. 对象嵌套对象，用递归克隆

    其他快捷方式

  5. Object.assign({},)

  6. {…}
  7. JSON.parse(JSON.stringify())
  8. lodash