对象拷贝
1. 赋值操作
首先回顾下基本数据类型和引用数据类型:
基本类型
概念:基本类型值在内存中占据固定大小,保存在栈内存中(不包含闭包中的变量)。常见包括:undefined,null,Boolean,String,Number,Symbol
引用类型
概念:引用类型的值是对象,保存在堆内存中。而栈内存存储的是对象的变量标识符以及对象在堆内存中的存储地址(引用),引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。常见包括:Object,Array,Date,Function,RegExp等
1.1 基本数据类型赋值
在栈内存中的数据发生数据变化的时候,系统会自动为新的变量分配一个新的之值在栈内存中,两个变量相互独立,互不影响的。
let user = "leo";
let user1 = user;
user1 = "pingan";
console.log(user); // "leo"
console.log(user1); // "pingan"
1.2 引用数据类型赋值
在 JavaScript 中,变量不存储对象本身,而是存储其“内存中的地址”,换句话说就是存储对其的“引用”。如下面 leo 变量只是保存对user 对象对应引用:
let user = { name: "leo", age: 18};
let leo = user;
其他变量也可以引用 user 对象:
let leo1 = user;
let leo2 = user;
但是由于变量保存的是引用,所以当我们修改变量 leo \ leo1 \ leo2 这些值时,「也会改动到引用对象」 user ,但当 user 修改,则其他引用该对象的变量,值都会发生变化
2. 对象比较
当两个变量引用同一个对象时,它们无论是 == 还是 === 都会返回 true 。
let user = { name: "leo", age: 18};
let leo = user;
let leo1 = user;
leo == leo1; // true
leo === leo1; // true
leo == user; // true
leo === user; // true
但如果两个变量是空对象 {} ,则不相等:
let leo1 = {};
let leo2 = {};
leo1 == leo2; // false
leo1 === leo2; // false
3.浅拷贝
3.1 概念
概念:「新的对象复制已有对象中非对象属性的值和对象属性的引用」。也可以理解为:「一个新的对象直接拷贝已存在的对象的对象属性的引用」,即浅拷贝。
浅拷贝