JavaScript 中浅拷贝怎么区分值传递与引用传递的不同-js教程-PHP中文网

浅拷贝不区分值传递或引用传递，而是依数据类型自然体现：基本类型复制值（值传递），引用类型复制地址（引用传递）。例如 {...obj} 中，name='李四' 不影响原对象，但 hobbies.push('游泳') 会同步修改原数组。

javascript 中浅拷贝怎么区分值传递与引用传递的不同

浅拷贝本身不区分值传递还是引用传递——它只是按数据类型自然表现出这两种行为。关键在于你拷贝的是什么类型的数据，而不是浅拷贝“主动选择”怎么传。

浅拷贝只做一层复制，类型决定行为

浅拷贝（如 Object.assign()、展开运算符 {...obj}、Array.from()）会遍历对象第一层属性，对每个属性值分别处理：

遇到基本类型（string、number、boolean、null、undefined、symbol、bigint），直接复制值 → 表现为「值传递」，修改新对象该属性不影响原对象
遇到引用类型（对象、数组、Date、RegExp 等），只复制其内存地址 → 表现为「引用传递」，新旧对象该属性指向同一块堆内存，改嵌套内容会互相影响

一个例子看清楚区别

下面这段代码同时包含基本类型和引用类型属性：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

const original = {
  name: '张三',        // 基本类型
  age: 25,             // 基本类型
  hobbies: ['篮球', '读书'], // 引用类型（数组）
  info: { city: '北京' }     // 引用类型（对象）
};

const shallow = { ...original };

shallow.name = '李四';         // ✅ 只改自己，original.name 还是 '张三'
shallow.hobbies.push('游泳');  // ❌ 影响 original.hobbies → 也变成 ['篮球', '读书', '游泳']
shallow.info.city = '上海';    // ❌ 影响 original.info.city → 也变成 '上海'