常见前端面试题--深拷贝和浅拷贝

1.首先我们要知道基本数据类型和引用数据类型的区别

JavaScript的基本数据类型有Number、Null、Undefined、String、Boolean、Symbol。
基本数据类型的值是直接存储在栈（stock）内存中的。
而引用数据类型就是对象类型(Object type),包括了array、object、function等等，引用数据类型，变量是存储在栈（stock）内存种，值是存储在堆内存中，栈内存会提供一个引用地址（也就是指针），指向堆内存的值。

2. 浅拷贝

对于引用数据类型，浅拷贝就是复制某个引用数据类型的指针，拷贝的结果和被拷贝的对象都是指向同一内存地址，改变其中一个引用数据类型的值，另一个值也随之改变。

实现浅拷贝的方法，使用Object.assign

var obj = {a:1,b:2}
var copyObj = Object.assign(obj)
console.log(copyObj) //{a: 1, b: 2}
copyObj.a = 3
console.log(obj) //{a: 3, b: 2}

3. 深拷贝

深拷贝就是在内存中开辟新的栈，来存储拷贝的值。拷贝的结果和被拷贝的对象的指针分别指向不同的内存地址，改变其中一个对象的值，另一个对象的值不会改变。

实现深拷贝的方法

使用JSON.parse(JSON.stringify())

var obj = {a:1,b:2}
var copyObj = JSON.parse(JSON.stringify(obj))
copyObj.a = 100
console.log("obj",obj)// {a:1,b:2}
console.log("copyObj",copyObj)//{a:100,b:2}

以上内容纯属个人理解，若有错误，希望各位大佬指点更正。