JavaScript 中 Object.assign 和展开运算符对原型链属性的忽略-js教程-PHP中文网

object.assign和展开运算符只复制对象自身的可枚举属性，不复制原型链及不可枚举属性；因二者均基于object.keys()或[[enumerate]]机制，仅遍历自有可枚举属性，故原型属性和不可枚举属性均被忽略。

javascript 中 object.assign 和展开运算符对原型链属性的忽略

Object.assign 和展开运算符（{...obj}）都只复制对象自身的可枚举属性，**不会复制原型链上的属性**，这是它们的共同行为，也是 JavaScript 原型机制的自然体现。

为什么原型链属性被忽略

JavaScript 中的属性访问是“读时继承”，但属性复制是“写时自有”。Object.assign 和展开运算符遍历的是目标对象的 自身可枚举属性（即通过 Object.keys() 能拿到的属性），而 Object.keys() 本身就不包含原型链上的属性。原型上的方法或数据只是被“访问到”，并非对象“拥有”它。

例如：

const proto = { foo: 'from proto', method() { return 'proto method'; } };
const obj = Object.create(proto);
obj.bar = 'own prop';

console.log(obj.foo); // 'from proto' —— 可读
console.log(Object.keys(obj)); // ['bar'] —— 仅自身属性
console.log({ ...obj }); // { bar: 'own prop' }
console.log(Object.assign({}, obj)); // { bar: 'own prop' }

如何显式复制原型链上的属性

如果确实需要把原型链上可枚举的属性也合并进来，需手动遍历原型链。可用 Object.getOwnPropertyNames() 配合 Object.getPrototypeOf() 逐级提取，再过滤出可枚举属性（或按需保留不可枚举的）。

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

用 for...in 可遍历包括原型链在内的所有可枚举属性（但会跳过不可枚举属性）
用 Object.getOwnPropertyNames() + Object.getPrototypeOf() 循环可获取所有自有属性（含不可枚举），再结合 Object.prototype.propertyIsEnumerable 判断是否可枚举
简单场景下，Object.assign({}, obj, ...Object.getPrototypeOf(obj) ? [Object.getPrototypeOf(obj)] : []) 仅复制直接原型（不递归），且仅限其自身可枚举属性

不可枚举属性同样被忽略

无论是自身还是原型上的不可枚举属性（如 Object.prototype.toString），都不会被 Object.assign 或展开运算符复制——因为二者底层都依赖 [[Enumerate]] 或等价机制，而不可枚举属性不在该枚举范围内。

验证示例：

const obj = {};
Object.defineProperty(obj, 'hidden', {
  value: 'secret',
  enumerable: false
});
console.log({ ...obj }); // {}
console.log(Object.assign({}, obj)); // {}