JS中有关（...）的介绍

Posted 2020-11-22 不靠谱设计

1，深拷贝一个对象

　　

 

 　　如上图所示，obj和tmp是完全两个独立的对象，互不影响。

2，数组复制

　　

 

 　　如上图所示，arr和tmp是两个完全独立的数组，彼此之间的值互不影响。

3，函数形参中的使用

　　

 

 　　这里的...args，是对test函数中多余的参数进行收集，并转换成数组的形式进入函数体中

4，一种特殊情况，当数组里面套对象的时候，我们用[...]依然是无法深拷贝一份数据的，这个时候我们就要自己写递归函数了

　　案例：

　　

 

　　解决办法：自己写一个函数

function copySelf(obj) {
  var newobj = obj.constructor === Array ? [] : {};
  if (typeof obj !== "object") {
    return;
  }
  for (var i in obj) {
    newobj[i] = typeof obj[i] === "object" ? copySelf(obj[i]) : obj[i];
  }
  return newobj;
}

我们可以用 copySelf 函数去深拷贝一份数据

　　结果：