js的基本数据类型和引用数据类型及深拷贝浅拷贝
1、栈(stack)和堆(heap)
stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小也不一定会自动释放
2、js数据类型分两种
(1)基本数据类型(值类型):Number、String、Boolean、Null、 Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。
(2)引用数据类型(地址类型):Object(在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象)
基本数据类型存放在栈内存中
引入数据类型存放在堆中,地址存放在栈中
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
3、深拷贝和浅拷贝
所谓的深拷贝和浅拷贝说白了其实就是a复制b,如果a发生了变化,b也随着发生变化,说明是浅拷贝;如果a发生变化,b没有发生变化则是深拷贝。
(1)浅拷贝的方法:
<1> 等号赋值 (数组的拷贝)
var arr1 = [1,2,3,4]
var arr2 = arr1
arr1[0] = 'a'
console.log( arr1); // ['a',2,3,4]
console.log( arr2); // ['a',2,3,4]
<2> 简单的引用复制
<3> Object.assign()
<4>解构赋值
var obj1 = { a:21,b:5,c:{d:8,e:7}}
var obj2 = {...obj1}
(2)深拷贝的方法有:
<1> JSON.stringify(obj) 先将对象转换为字符串
JSON.parse(str) 然后再将字符串转为对象。
<2> 利用递归遍历的方式实现深拷贝
<3> 下载插件 loadsh
通过 _.cloneDeep() 实现深拷贝