- 基本数据类型:String Number Boolean null undefined Symbol
- 引用类型:Array Object Function
- 基本数据类型的特点:直接存储在栈(stack)中的数据
- 引用数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里
1、深拷贝与浅拷贝的区别
深拷贝和浅拷贝是针对引用类型来说的,浅拷贝只复制指向某个对象的指针,不复制对象本身,新旧对象共享同一块内存,但是深拷贝会复制出来一个对象,新对象和原对象不共享内存,修改新对象不会影响原对象。
2、赋值和浅拷贝的区别
赋值
是把一个对象在栈中的地址赋给一个变量,两个对象指向同一个内存空间,修改一个另一个也会变,两个对象是联动的。
浅拷贝
会创建一个新对象,把原对象复制一份,如果属性值是基本类型
,拷贝的是基本类型的值,修改新对象的属性值不会修改原对象
;如果属性值是引用类型
,拷贝的就是内存地址,修改新对象的属性值会影响原对象
。
3、浅拷贝的实现方式
(1)Object.assign()
Object.assign() 方法可以(把原对象所有的属性都复制给新对象)
把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。但是 Object.assign()进行的是浅拷贝,拷贝的是对象的属性的引用,而不是对象本身。
var obj = { a: {a: "kobe", b: 39} };
var initalObj = Object.assign({}, obj);
initalObj.a.a = "wade";
console.log(obj.a.a); //wade
注意:当object只有一层的时候,是深拷贝
let obj = { username: 'kobe' };
let obj2 = Object.assign({},obj);
obj2.username = 'wade';
console.log(obj); //{username: "kobe"}
(2)Array.prototype.concat()
let arr = [1, 3, { username: 'kobe' }];
let arr2=arr.concat();
arr2[2].username = 'wade';
console.log(arr);
// 修改新对象会修改原对象
(3)Array.prototype.slice()
let arr = [1, 3, { username: ' kobe' }];
let arr3 = arr.slice();
arr3[2].username = 'wade' ;
console.log(arr);
// 修改新对象会改原对象
4、深拷贝的实现方法
JSON.parse(JSON.stringify())
原理:用JSON.stringify将对象转化成JSON字符,再用JSON.parse()把字符串解析成对象,一去一来,新的对象就产生了,而且新的对象会开辟新的栈,实现深拷贝。
let arr = [1, 3, { username: ' kobe' }];
let arr4 = JSON.parse(JSON.stringify(arr));
arr4[2].username = 'duncan';
console.log(arr, arr4);
// 修改新对象不会改原对象
注意:这种方法可以实现数组或者对象深拷贝,但不可以处理函数
let arr = [1, 3, { username: ' kobe' },function(){}];
let arr4 = JSON.parse(JSON.stringify(arr));
arr4[2].username = 'duncan';
console.log(arr, arr4);
这是因为JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串,不能接受函数。