JavaScript 对象的扩展运算符 `...` 怎么实现对象浅拷贝与属性合并-js教程-PHP中文网

扩展运算符...用于对象时实现浅拷贝与属性合并，只遍历自身可枚举属性、不递归、不处理getter/setter，不能展开null/undefined；等价于Object.assign({}, obj)，但更简洁灵活。

javascript 对象的扩展运算符 `...` 怎么实现对象浅拷贝与属性合并

扩展运算符 ... 在 JavaScript 中用于对象时，本质是将对象的可枚举自有属性（不包括原型链上的属性）逐个展开，生成新对象。它天然支持浅拷贝和属性合并，但要注意其行为边界——只处理一层，不递归。

用 `...` 实现对象浅拷贝

对一个对象使用扩展运算符，会创建一个新对象，并把原对象所有可枚举自有属性复制过去。原对象与新对象内存地址不同，修改新对象的顶层属性不会影响原对象（但嵌套对象仍共享引用）。

示例：

const original = { a: 1, b: { c: 2 } };
const copy = { ...original };

copy.a = 99;        // ✅ 不影响 original.a
copy.b.c = 99;      // ❌ 会影响 original.b.c（b 是引用）

console.log(original); // { a: 1, b: { c: 99 } }

用 `...` 合并多个对象

多个对象按顺序展开时，后出现的对象属性会覆盖前面同名属性。合并结果是一个全新对象，原对象均不受影响。

常见写法：

基础合并：{ ...obj1, ...obj2 }
添加新属性：{ ...obj, newKey: newValue }
覆盖特定字段：{ ...obj, id: 100, name: 'updated' }

注意：如果多个对象有相同键，右边的值生效；undefined 不会覆盖已有值，但 null、0、false 等假值会正常覆盖。

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载