在JavaScript的世界里，数据的拷贝方式多种多样，其中深拷贝和浅拷贝是最常见的两种。它们之间的区别不仅关乎代码的正确性，更影响着程序的性能和可维护性。本文将通过具体的代码示例，深入探讨这两种拷贝方式的实现细节，并提供实战指南。

一、基本类型与引用类型的本质区别

在JavaScript中，基本类型（如数字、字符串、布尔值等）和引用类型（如对象、数组等）在内存中的存储方式和传递方式有着本质的区别。

代码示例：

// 基本类型（按值传递）
let a = 1;
let b = a;
a = 2;
console.log(b); // 输出 1（b不受影响）

// 引用类型（按引用传递）
let obj = {a: 1};
let obj2 = obj;
obj.a = 2;
console.log(obj2.a); // 输出 2（共享内存）

原理： 基本类型存储在栈内存中，赋值时直接复制值。而引用类型存储的是内存地址，赋值时复制地址而非实际数据。

二、浅拷贝的陷阱：对象嵌套问题

浅拷贝虽然简单，但很容易陷入嵌套对象的陷阱。

代码示例：

const obj = {a: 1, b: {n: 2}};
const copy = Object.assign({}, obj);
obj.a = 10;
obj.b.n = 20;
console.log(copy); // 输出 { a: 10, b: { n: 20 } }

关键点： Object.assign 只会复制对象的第一层属性。嵌套对象（如 b）的地址被复制，新旧对象共享同一子对象。

结论： 浅拷贝不适用于嵌套结构的对象，子对象修改会相互影响。

三、深拷贝的常见方法对比

深拷贝能够完全复制一个对象及其所有嵌套对象，但实现方式各有优缺点。

代码示例：

1. JSON序列化法：

const obj = {name: "John", date: new Date(), fn: () => console.log(1), sym: Symbol("key"), ref: null};
obj.ref = obj;
const copy = JSON.parse(JSON.stringify(obj));

缺点： 丢失函数、Symbol，Date转为字符串。

2. structuredClone：

const user = {like: {game: "Chess"}, tags: new Set(["A", "B"])};
const copy = structuredClone(user);
user.like.game = "Guitar";
console.log(copy.like.game); // "Chess"
console.log(copy.tags instanceof Set); // true

优点： 支持复杂类型、循环引用不兼容旧浏览器。

四、原型链与静态方法的本质

在JavaScript中，原型链和静态方法是两个容易混淆的概念。

代码示例：

function Person() {}
Person.prototype.run = function() {
  console.log("跑步");
};

Person.say = function() {
  console.log("你好");
};

const p = new Person();
p.run(); // 输出 "跑步"
Person.say(); // 输出 "你好"
p.say(); // 报错（实例无法访问静态方法）

原理： 原型方法：所有实例共享，通过 prototype 定义。静态方法：属于构造函数本身，用于工具函数或类级别操作。

总结： 静态方法通过类名调用，实例方法通过对象调用，二者作用域不同。

五、数组去重的正确实现

数组去重是一个常见的需求，特别是在处理对象数组时。

代码示例：

const arr = [1, 2, 2, 3, {n: 4}, {n: 4}];
const unique = (arr) => {
  const seen = new Map();
  return arr.filter(item => {
    const key = typeof item + JSON.stringify(item);
    return seen.has(key) ? false : seen.set(key, true);
  });
};
console.log(unique(arr)); // [1, 2, 3, {n: 4}, {n: 4}]

关键点： 对象无法直接比较，需序列化为字符串。使用 Map 存储唯一标识，避免重复。

六、原型链属性检测的误区

在遍历对象属性时，需要注意原型链上的属性。

代码示例：

Object.prototype.sharedProp = "全局属性";
const obj = {ownProp: "自有属性"};
console.log(obj.hasOwnProperty("sharedProp")); // false
console.log("sharedProp" in obj); // true

原理： hasOwnProperty 仅检查对象自身属性。for...in 会遍历原型链上的可枚举属性。

总结： 遍历对象时需用 hasOwnProperty 过滤原型链属性，避免意外行为。

实战指南

1. 拷贝选择：

   • 简单对象用浅拷贝（Object.assign、展开运算符）。
   • 嵌套对象用深拷贝（structuredClone 或手动递归）。

2. 原型链注意点：

   • 实例方法定义在 prototype。
   • 静态方法直接挂载构造函数。

3. 数组操作去重：

   • 考虑对象和特殊值的唯一性判断。
   • 使用 slice、concat 等方法实现数组浅拷贝。

4. 兼容性处理：

   • 旧项目用 JSON 深拷贝时需规避特殊类型。
   • 现代项目优先使用 structuredClone。

理解这些核心机制，可避免代码中的隐蔽问题，提升开发效率。希望本文能为你在JavaScript的编程之旅中提供有益的指导和帮助。