关于浅拷贝 Object.assign(), slice(), concat()和拓展运算符的思考

主要疑问点是，浅拷贝拷贝的是内存地址，修改一个对象的属性，另一个对象的属性应该也会改，但是标题这几个方法实际上没有改变另一个对象的属性，为什么不是深拷贝？

const fxArr = ["One", "Two", "Three"]
const fxArrs = fxArr.slice(0)
fxArrs[1] = "love";
console.log(fxArr) // ["One", "Two", "Three"]
console.log(fxArrs) // ["One", "love", "Three"]

深拷贝和浅拷贝
浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址。它创建新的数据，这个数据有着原始数据属性值的一份精确拷贝，如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址，即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址
深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。它开辟一个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性
深拷贝互不影响 浅拷贝藕断丝连

那么我们可以试试各种情况

以Object.assign()为例，改变源对象

let srcObj = {name: 'lilei',
              parents:{baba:"30", mama:"50"},
              hobbies:{aa:"ball",bb:"running"}};
let copyObj2 = Object.assign({}, srcObj);
srcObj.name="zhangsan";
srcObj.parents={qqq:"88", yyy:"99"};
srcObj.hobbies.aa="stamp";
console.log(srcObj);		        //name: "zhangsan" 
                                    //parents: {qqq: '88', yyy: '99'}
                                    //hobbies: {aa: 'stamp', bb: 'running'}
console.log(copyObj2);	            //name: "lilei" 
                                    //parents: {baba: '30', mama: '50'}  
                                    //hobbies: {aa: 'stamp', bb: 'running'}

结果发现：引用类型的属性，第一层确实不会影响目标对象，但是深层次会影响，存在浅拷贝现象，也就是说他们都是浅拷贝

同样的，改变目标对象，源对象也是如此

数组方法concat和slice以及扩展运算符都是如此

所以要多多实践对比，认真看官方解释呀