赋值、浅拷贝与深拷贝

基本数据类型存在于栈内存中，引用数据类型存在于堆内存中

一、赋值

赋值是将某一数值或对象赋给某个变量的过程：分为两部分

     基本数据类型：赋值，赋值之后两个变量互不影响。

     引用类型数据：赋址，两个变量指向同一个对象，相互之间有影响。

①对基本数据类型进行赋值操作，两个变量互不影响

        let a = "string";
        let b = a;
        console.log(b);// string
        a = "change";
        console.log(a);// change
        console.log(b);//string

②对引用类型进行赋址操作，两个变量指向同一个对象，改变想变量 a 之后会影响变量 b，哪怕改变的只是对象 a 中的基本类型数据。

        let a = {
            name: "string",
            book: {
                title: "You Don't Know JS",
                price: "45"
            }
        }
        let b = a;
        console.log(b);// {	name: "string",	book: {title: "You Don't Know JS", price:"45"}} 

        a.name = "change";
        a.book.price = "55";
        console.log(a);// {	name: "change",book: {title: "You Don't Know JS", price: "55"}} 

        console.log(b);// {	name: "change",book: {title: "You Don't Know JS", price: "55"}} 

 

二、浅拷贝

浅拷贝是指创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。

     如果属性是基本类型，拷贝的就是基本类型的值

     如果属性是引用类型，拷贝的就是内存地址，如果其中一个对象改变了这个地址，就会影响到另一个对象

即浅拷贝只拷贝第一层的基本类型值和第一层的引用类型地址，而第二层还是会相互影响

①属性是基本数据类型

 

 浅拷贝的方法：for/for...in/扩展运算符+解构赋值/assign/concat/slice方法

 ②属性是基本数据类型+引用数据类型

        let a = {
            name: "string",
            book: {
                title: "You Don't Know JS",
                price: "45"
            }
        }
        let b = Object.assign({}, a);
        console.log(b);// {	name: "string",	book: {title: "You Don't Know JS", price:"45"}} 

        a.name = "change";
        a.book.price = "55";
        console.log(a);// {	name: "change",book: {title: "You Don't Know JS", price: "55"}} 

        console.log(b);// {	name: "string",book: {title: "You Don't Know JS", price: "55"}} 

 

三、深拷贝

深拷贝会拷贝所有的属性，并拷贝属性指向的动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。深拷贝相比于浅拷贝速度较慢并且花销较大。拷贝前后两个对象互不影响。

深拷贝的方法：JSON.parse(JSON.stringify(object))、利用递归遍历对象或数组、jQuery.extend() 和 lodash.cloneDeep()

完全改变变量 a 之后对 b 没有任何影响     

        let a = {
            name: "string",
            book: {
                title: "You Don't Know JS",
                price: "45"
            }
        }
        let b = JSON.parse(JSON.stringify(a));
        console.log(b);// {	name: "string",	book: {title: "You Don't Know JS", price:"45"}} 

        a.name = "change";
        a.book.price = "55";
        console.log(a);// {	name: "change",book: {title: "You Don't Know JS", price: "55"}} 

        console.log(b);// {	name: "string",book: {title: "You Don't Know JS", price: "45"}} 

对数组深拷贝之后，改变原数组不会影响到拷贝之后的数组。

        let a = [0, "1", [2, 3]];
        let b = JSON.parse(JSON.stringify(a.slice(1)));
        console.log(b);  // ["1", [2, 3]]

        a[1] = "99";
        a[2][0] = 4;
        console.log(a);  //[0, "99", [4, 3]]
        console.log(b);  //["1", [2, 3]]

但是该方法有以下几个问题。

1、会忽略 undefined

2、会忽略 symbol

3、不能序列化函数

4、不能解决循环引用的对象

5、不能正确处理new Date()

6、不能处理正则