JS 深拷贝、浅拷贝

浅拷贝：拷贝一层，深层次的对象级别的就拷贝引用。

深拷贝：拷贝多层，每一级别的数据都会拷贝出来。

JS 变量的数据类型

基本数据类型：number 、 string 、 null 、 undefined 、 boolean 、 symbol

引用数据类型：object

JS 变量存储的方式 ：

栈（stack）: 存储的是基本数据类型的值和引用数据类型的地址，由系统自动分配内存，系统自动释放内存。

堆（heap）: 存储的是引用数据类型的值，由开发者分配内存（如使用 new 关键字进行分配），大小不定，不会自动释放内存。

基本数据类型和引用数据类型区别

值传递 和 址传递 的区别。

基本数据类型是值传递；引用类型是址传递，将存放在栈内存中的地址赋值给接收的变量。

对象深拷贝、浅拷贝

一 . 浅拷贝

1. Object.assign(target, ...sources)

target : 目标对象

sources : 源对象

let a = {
  age:1
}
let b = Object.assign({}, a);
a.age = 2;
console.log(b.age); //1 
复制代码

2. { ... obj} 扩展运算符

let a = {
  age: 1
}
let b = {...a};
a.age = 2;
console.log(b.age); //1复制代码

二 . 深拷贝

1.JSON.parse(JSON.stringify(sourceObj))

let a = {
  age: 1,
  jobs: {
    main:'frontend'
  }
}
let b = JSON.parse(JSON.stringify(a));
a.jobs.main = 'backend';
console.log(b.jobs.main); //'frontend'复制代码

JSON.parse(JSON.stringify(sourceObj)) 实现深拷贝的局限:

• 会忽略 undefined
• 不能处理函数，会忽略掉函数
• 不能处理循环引用的对象，会报错 TypeError

2.使用 loadash 的 cloneDeep() 方法

var _ = require('lodash');
var obj1 = {
    a: 1,
    b: { f: { g: 1 } },
    c: [1, 2, 3]
};
var obj2 = _.cloneDeep(obj1);
console.log(obj1.b.f === obj2.b.f);
// false复制代码

数组的深拷贝、浅拷贝

一.浅拷贝

浅拷贝，即到数组只有一维的时候,且每一项不是对象的话这样拷贝看起来和深拷贝效果同样。

1.Array.prototype.slice()

const a = [1,2,3]
const b = a.slice();
a.push(4);
console.log(a);//[1,2,3,4]
console.log(b);//[1,2,3]复制代码

浅拷贝一个数组，这样操做新数组时，就不会改变原数组。

slice不修改原数组，只返回一个浅复制了原数组总的元素的一个新数组。原数组的元素会按照下述规则拷贝：

• 若是该元素是个对象引用 （不是实际的对象），slice 会拷贝这个对象引用到新的数组里。两个对象引用都引用了同一个对象。若是被引用的对象发生改变，则新的和原来的数组中的这个元素也会发生改变。
• 对于字符串、数字及布尔值来讲（不是 String、Number 或者 Boolean 对象），slice 会拷贝这些值到新的数组里。在别的数组里修改这些字符串或数字或是布尔值，将不会影响另外一个数组。

若是向两个数组任一中添加了新元素，则另外一个不会受到影响。

2. Array.prototype.concat()

const a = [1,2,3]
const b = a.concat();
a.push(4);
console.log(a);//[1,2,3,4]
console.log(b);//[1,2,3]复制代码

concat方法建立一个新的数组，它由被调用的对象中的元素组成，每一个参数的顺序依次是该参数的元素（若是参数是数组）或参数自己（若是参数不是数组）。它不会递归到嵌套数组参数中。

concat方法不会改变this或任何做为参数提供的数组，而是返回一个浅拷贝，它包含与原始数组相结合的相同元素的副本。 原始数组的元素将按照以下规则复制到新数组中:

• 对象引用（而不是实际对象）：concat将对象引用复制到新数组中。 原始数组和新数组都引用相同的对象。 也就是说，若是引用的对象被修改，则更改对于新数组和原始数组都是可见的。 这包括也是数组的数组参数的元素。
• 数据类型如字符串，数字和布尔（不是String，Number 和 Boolean 对象）：concat将字符串和数字的值复制到新数组中。

二.深拷贝

和对象的深拷贝方法相同。

参考：https://www.cnblogs.com/Bonnie3449/p/9510431.html