JavaScript中如何区分深拷贝与浅拷贝的原理及要点？

本文共计1434个文字，预计阅读时间需要6分钟。

在深入理解深拷贝和浅拷贝之前，我们先梳理一下：JavaScript中，数据类型分为基本数据类型（原始值）和复杂类型（对象），而每种类型又有其细分的数据类型。基本数据类型包括：

- 基本数据类型：数字、字符串、布尔值、null、undefined- 复杂类型：对象（包括普通对象、数组、函数等）

在了解深拷贝和浅拷贝之前，我们先梳理一下：

JavaScript中，分为基本数据类型（原始值）和复杂类型（对象），同时它们各自的数据类型细分下又有好几种数据类型

基本数据类型

数字Number 字符串String 布尔Boolean Null Undefined Symbols BigInt

基本数据类型在内存当中，是存储在栈Stack

在数据结构当中

• 栈在内存上的分配的空间生命周期很短，当变量使用完毕，方法执行完成就被释放掉，因此在js当中，变量使用完毕之后，基本就被回收了，
• 有一个场景比较例外，闭包的情况下，变量是始终存在内存当中不被释放.
• 栈存储具有先进后出，后进先出的特点: 1，2，3，4，5，6 => 6,5,4,3,2,1

引用数据类型

日期Dete，对象Object，数组Array,方法Function, 正则regex,带键的集合：Maps, Sets, WeakMaps, WeakSets

引用数据类型与堆内存heap的一些关系

• 在JavaScript中，不允许直接访问堆内存中的位置，不能直接操作对象的堆内存空间。