JavaScript对象引用与赋值实例详解

在JavaScript中，有很多时候我们会需要操作对象（Object）。对象是JavaScript中最基本的数据结构之一，而且在JavaScript中，对象是一种引用类型的数据。

这就引出了一个问题，即JavaScript中对象引用和赋值的问题。该问题会在实际的开发中经常遇到，也会给我们带来一些困惑和不好的体验。本文将会详细讲解JavaScript对象引用和赋值的实例问题。

对象引用和赋值

在JavaScript中，对象是一种引用数据类型，其变量并不直接包含对象的内容，而是包含了对对象的引用。

当我们对一个对象进行赋值操作时，实际上是将对象的引用从一个变量赋值给另一个变量，而不是将对象本身复制一份。

例如：

let obj1 = { name: 'Tom' };
let obj2 = obj1;

上面代码中，我们创建了obj1对象，并将其赋值给了obj2，这时候obj2中存储的就是obj1对象的引用。

我们可以通过===运算符来判断两个变量是否指向同一个对象，例如：

console.log(obj1 === obj2); // true

对象的浅拷贝

在JavaScript中，对象的浅拷贝是指将一个对象的属性值复制到另一个对象上。使用浅拷贝的时候，只会复制对象的第一层属性，而不会复制对象嵌套的属性。

例如：

let obj1 = { name: 'Tom', age: 18 };
let obj2 = Object.assign({}, obj1);

obj2.age = 20;
console.log(obj1.age); // 18
console.log(obj2.age); // 20

上面代码中，我们通过Object.assign方法将obj1浅拷贝到了obj2，之后我们将obj2的age属性修改为了20，但是obj1的age属性仍然是18，这说明它们虽然拥有相同的属性名，但是它们指向的是不同的对象。

对象的深拷贝

在JavaScript中，对象的深拷贝是指将一个对象的属性值全部复制到另一个对象上，并且会对对象嵌套的属性进行递归拷贝。

例如：

let obj1 = { name: 'Tom', info: { age: 18 } };
let obj2 = JSON.parse(JSON.stringify(obj1));

obj2.info.age = 20;
console.log(obj1.info.age); // 18
console.log(obj2.info.age); // 20

上面的代码中，我们首先创建了一个具有嵌套属性的对象obj1，然后使用JSON方法进行深拷贝，接着我们将obj2的嵌套对象中的age属性修改为了20，最后输出两个对象的年龄属性。此时，我们会发现obj1的年龄属性是18，而obj2的年龄属性是20，这证明了在深拷贝的过程中，对象的属性和嵌套的属性都被完整地复制了。

然而，需要注意的是，JSON.parse(JSON.stringify())这类方法虽然能够对对象进行深拷贝，但是在对象中包含函数、日期、正则表达式等类型时，该方法会出现异常情况，所以我们需要根据情况选择适当的方法进行深拷贝。

总结

本文通过两个实例，详细讲解了JavaScript中对象引用和赋值的问题，并探讨了对象的浅拷贝和深拷贝。对于开发者来说，掌握对象引用和赋值的规则，能够更好地理解和掌握JavaScript中的对象操作，提升开发效率和代码质量。