slice(0)和深拷贝有什么区别呢?
举个栗子:
var obj = [
{
name:'melin1',
job:'111'
},
{
name:'melin2',
job:'222'
},
{
name:'melin3',
job:'333'
}
];
var copy = obj.slice(0);
copy[1].name = 'tom';
console.log(obj[1].name); //tom
console.log(copy[1].name); //tom
结果是obj[1].name和copy[1].name都被修改了。slice可看作浅拷贝,因为如果obj有引用类型的元素,slice仅仅是复制了元素的地址。
-
(1)拷贝是指得到被拷贝对象的副本,副本的修改不会影响到原对象;
-
(2)js的传参是按值传递,但是对于引用类型,传递的值是原对象在内存中的地址,所以拷贝仅仅是获取了原对象的引用;
-
(3)在 (2) 的基础上,对拷贝进行修改,原对象也会被修改;
-
(4)要想避免(3)的情况出现,就不能仅仅拷贝地址,而是要将原对象的属性树遍历复制到拷贝上,这样拷贝和原对象就是完全独立的了;
-
(5)(4)的情况叫深拷贝,与之相对, (2) 的情况叫浅拷贝;
-
(6)如果obj所有值都是非引用类型,那么obj.slice(0)与深浅拷贝没有差别;
-
(7)如果obj有引用类型的元素的话,obj.slice(0)仅仅是复制了元素的地址,,obj.slice(0)可看作浅拷贝。