关于存储，拷贝的相关_拷贝相关-CSDN博客

本文链接：https://blog.csdn.net/m0_62570630/article/details/122930555

首先，数据类型分类有值类型和引用类，其中，值类型又有：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol

引用类型有：对象(Object)、数组(Array)、函数(Function)，

值类型的数据通常情况下会被存储到栈中，且容易被重赋值或回收，可以理解成一颗果树结的果子，尽管我们仍未知道那天所见的果的名字，但是它却以数据的格式被存储了，

而引用类型的对象将以方式存储到堆中，即开辟一个常量空间来存贮，调用的时候从堆里找到对象名，按照表达式（即JS中操作对象的函数或方式，可以理解为采摘果子的方式）来获取存贮于栈中的具体数据（果子）

同一函数若在其内部没有定义变量，而是将外部的全局变量重复值的话，那再次引用该函数时将会引用上一次的函数变化值。

数据类型不同，那么浏览器对其内部操作也就不大相同，尤其是对于复杂数据类型而言，很有可能造成一些不必要的麻烦，变量的值如果是一般数据类型的话，浏览器会把这个值存放到【栈】中，如果是复杂数据类型将会在【堆】中开辟一个新的空间用于单独存放，其中的【栈】和【堆】是一种概念，相当于内存中某处存放数据的地方，对于【栈】，是有一定大小空间的，如果这个数据过于庞大，比如一些数位高的惊人的数据，在处理上也会造成延误或者滞留。

比如：

let a = 100, let b = a ,那么b的结果也将等于100

let a = { name : '王二麻子' } , let b = a ,由于此时两个变量都是指向一个值，而由于对象的值是存放在【堆】里面的，【堆】会将数据的位置生成一串内部地址存放在【栈】里，a和b都指向这个地址，则此时 b的结果也将会是 { name:'王二麻子'} ,但如果此时赋值 b = { name : '路人甲' },则由于更改的是同一内存地址内的值，则这个值也会影响a的取值，此时的a也会等于 { name : '路人甲' }

深浅拷贝：

由上文引起对于深浅拷贝的初级概念（后面对于JSON的方法概念也会加深这个理解），深拷贝就是不影响其他变量的值，将地址，文件全复制，浅拷贝就是仅复制地址，更改其值会影响调用该地址的其他对象，上文的a和b就是例子，b仅复制了a的地址，赋值b的同时也会影响a的内容，

由浅拷贝变深拷贝的方法：

定义b为一个新的地址（即开辟一个新的数据存放在【堆】中），let b = { } , 然后b【“name”】= ’炮灰丙’，则此时重定义后的b虽然前面也”=“a了但自己开辟了一个内存地址，即可在不影响a的情况下变更该值，

或者，使用数组方法【concat()】，

let a = [ 1,3,5 ]

let b = 【】 , b.concat(a)

那么 b = 【 1,3,5 】，更改b[0]=3，

那么：a = [1,3,5]、b = [ 3,3,5]

运用扩展运算符：用于取出参数对象所有可遍历属性然后拷贝到当前对象（自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。）

let person = {name: "Amy", age: 15};

let someone = { ...person };