JS基本数据类型和引用数据类型的区别及深浅拷贝

1. 数据类型

JS分两种数据类型：

1. 基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol（ES6），这些类型可以直接操作保存在变量中的实际值。
2. 引用数据类型：Object（在JS中除了基本数据类型以外的都是对象，数组是对象，函数是对象，正则表达式是对象）

2. 基本数据类型（存放在栈中）

基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可以分配，它们是直接按值存放的，所以可以直接按值访问

var a = 10;
var b = a;
b = 20;
console.log(a); // 10值
console.log(b); // 20值

下图演示了这种基本数据类型赋值的过程：

3.引用数据类型（存放在堆内存中的对象，每个空间大小不一样，要根据情况进行特定的配置）

引用类型是存放在堆内存中的对象，变量其实是保存的在栈内存中的一个指针（保存的是堆内存中的引用地址），这个指针指向堆内存。

引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象

var obj1 = new Object();

var obj2 = obj1;

obj2.name = "我有名字了";

console.log(obj1.name); // 我有名字了

说明这两个引用数据类型指向了同一个堆内存对象。obj1赋值给obj2，实际上这个堆内存对象在栈内存的引用地址复制了一份给了obj2，但是实际上他们共同指向了同一个堆内存对象，所以修改obj2其实就是修改那个对象，所以通过obj1访问也能访问的到。

浅拷贝只拷贝一层。对于对象属性仍然为引用的内容并没有进行拷贝，而是共用了一个。
而深拷贝则是完全拷贝了两份，互不影响。

浅拷贝：

//浅拷贝
function copy(value) {
	if (typeof value === 'object') {
		let rs = arr instanceof Array? []: {}
		for(let i in value) {
			rs[i] = value[i] 
		}
		return rs
	}else {
		return value
	}	
}
let arr = [1, 2, {'name': 'pcm'}, 10]
let rs = copy(arr)
console.log(rs)

// arr[0] = 10000
// console.log(rs)
// console.log(arr)

arr[2].name = 'wx'
console.log(rs)
console.log(arr)

深拷贝：

//深拷贝：
function copy(value) {
	if (typeof value === 'object') {
		let rs = arr instanceof Array? []: {}
		for(let i in value) {
			rs[i] = copy(value[i])	
		}
		return rs
	}else {
		return value
	}	
}
let arr = [1, 2, {'name': 'pcm'}, 10]
let rs = copy(arr)
console.log(rs)

arr[2].name = 'wx'
console.log(arr)
console.log(rs)

参考链接：https://blog.csdn.net/yexudengzhidao/article/details/96481126