深拷贝-浅拷贝-引用赋值的写法

首先需要创建一个函数用来判断一个value是否为对象。

注意不能用typeof 来判断value是否为null，因为null用typeof判断，出来的是object。

function isObject(value){
    const valueType = typeof value
    return (value !== null) && (valueType === "function" || valueType === "function")
}

function deepCopy(originValue){
    //如果是原始类型就直接返回
    if(!isObject(originValue)){
        return originValue
    }
    //创建一个新的对象
    const newObj = {}
    //遍历要拷贝的对象，取出它的key
    //递归 重新判断要拷贝的对象里面是否还有对象
    for(const key in originValue){
        newObj[key] = deepCopy(originValue[key])
    }
    //返回新对象
    return newObj
}

关键的代码是，使用递归不断判断要拷贝的对象里面是否还有对象。

用一个对象来实验一下深拷贝的效果吧。这个对象暂时还没有函数和Symbol类型的判断，后面会做优化的。

const info ={
      name: "zzz",
      age: 18,
      friend: {
        name: "www",
        address: {
          name: "sz",
          detail: "lky"
        }
      },
    }
 
const newObj = deepCopy(info)
console.log(newObj)

深拷贝成功了！

深拷贝函数的数组拷贝

有时候我们需要拷贝数组，在JavaScript中，数组也是一个对象，上面的代码中创建的是一个新的对象，但不一定要创建的是新对象，也有可能是新数组，所以需要先区分对象和数组，再创建对象或者数组。

function isObject(value) {
      const valueType = typeof value
      return (value !== null) &&(valueType === "object" || valueType ==="function")
    }
    function deepCopy(originValue) {
      //如果是原始类型就直接返回
      if(!isObject(originValue)) {
        return originValue
      }
      //判断是数组还是对象
      
      const newObj = Array.isArray(originValue)? [] :{}
      for(const key in originValue){
        newObj[key] = deepCopy(originValue[key])
      }
      return newObj
    }

 关键的一步是通过Array的isArray判断传入的是对象还是数组。

 我们创建一个books数组来验证一下是否可以判断对象还是数组来拷贝。

const books = [
      { name:"book1", price: 1 },
      { name:"book2", price: 2 },
      { name:"book3", price: 3 },
    ] 
    const newArray = deepCopy(books)
    console.log(newArray)

拷贝的是一个数组。

深拷贝函数的Set拷贝

有的时候，深拷贝的内容有Set，如果不知道Set是什么的话，可以看这篇JavaScript中Set的使用，Set和数组类似，但是Set的元素是不能重复的，所以它常用于去重。

创建一个set，把它放进info对象里面。

    const set = new Set(["zzz", "wjx", "lky"])
    const info = {
      name: "zzz",
      age: 18,
      friend: {
        name: "www",
        address: {
          name: "sz",
          detail: "lky"
        }
      },
      set: set
    }

    function isObject(value) {
      const valueType = typeof value
      return (value !== null) &&(valueType === "object" || valueType ==="function")
    }
 
    function deepCopy(originValue) {
      //如果是原始类型就直接返回
      if(!isObject(originValue)) {
        return originValue
      }
      //判断是否是set
      if(originValue instanceof Set) {
        const newSet = new Set()
        for(const setItem of originValue) {
          newSet.add(deepCopy(setItem))
        }
        return newSet
      }
      //判断是数组还是对象
      const newObj = Array.isArray(originValue)? [] :{}
      for(const key in originValue){
        newObj[key] = deepCopy(originValue[key])
      }
      return newObj
    }

 先判断传入的值是不是Set，创建新的Set，遍历Set，把遍历的元素一个个放到新的Set里面。

可以拷贝Set了。

深拷贝函数的函数返回

函数是不需要深拷贝的，因为函数是用来执行的，如果再拷贝一个函数，会消耗性能。