js浅拷贝和深拷贝

1 概述

深拷贝与浅拷贝在其它语言中也经常被提及到，在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝，有时候在该使用深拷贝的地方，我们使用了浅拷贝，会导致深藏不露的bug。

2 数据类型

在探讨深浅拷贝之前，我们先梳理一下js中的数据类型，js的数据类型分为两类：基本数据类型和引用数据类型，前者是存储在栈内存中，后者是将其地址存在栈内存中，而真实数据存储在堆内存中。
基本类型如number、string、boolean、Null和undefined等存储在栈内存中，而引用数据类型如Array、Object和函数等则是分别存储数据1的地址、数据2的地址和数据3的地址。
js中的基本数据类型：String Number Boolean Null Undefined，在赋值的过程中都是深拷贝。

3 例子

let a = {name:'1'}
let b = a //a给b赋值，a是对象，相当于浅拷贝，改变b同时a也会改变
b.name = '2'
console.log(a.name) //结果是2

slice()方法是浅拷贝
arr1中的元素1是基本数据类型，所以arr1Copy能够改变其值，而不影响arr1的值。
而[3, 4]是引用数据类型，arr1和arr1Copy指向同一块堆内存地址，所以这两个变量中3都变成了100。

let arr1 = [1, 42, [3, 4]]
let arr1Copy = arr1.slice()
arr1Copy[0] = 10
arr1Copy[2][0] = 100
console.log(arr1) // [1, 42, [100, 4]]
console.log(arr1Copy) // [10, 42, [100, 4]]

let a = '1'
let b = a
b = '3'
console.log(a) //结果是1，因为是深拷贝