空对象检测与对象合并

Tue, 04 Mar 2025 06:58:24 +0000

考察点分析

本题考查候选人对JavaScript对象操作的深层理解，主要评估以下能力维度：

对象属性检测机制：准确区分对象自身属性与原型属性，理解可枚举性对检测的影响
ES6+API掌握程度：对Reflect、Object等新API的理解与应用场景判断
对象合并原理：Object.assign的浅拷贝特性与属性覆盖顺序规则

具体技术评估点：

Object.keys与Reflect.ownKeys的差异
JSON.stringify在对象检测中的陷阱
Symbol属性对检测的影响
原型链属性遍历问题
Object.assign的同名属性覆盖顺序

技术解析

关键知识点

对象空值检测：Object.keys < Reflect.ownKeys < JSON.stringify
属性覆盖规则：后源覆盖前源 > 同名属性合并 > 浅拷贝特性

原理剖析

空对象检测核心在于判断对象是否含有自有属性。Object.keys()仅返回可枚举的自有属性，但无法检测不可枚举属性（如通过Object.defineProperty设置的enumerable:false属性）和Symbol类型属性。Reflect.ownKeys()可获取所有自有属性键（包括Symbol），但需要ES6+环境。

JSON.stringify方案通过序列化结果判断，但存在严重缺陷：值为undefined、函数、循环引用等属性会被忽略，导致检测结果失真。

Object.assign合并时，按参数顺序依次复制源对象的可枚举自有属性，后者覆盖前者同名属性。对于引用类型属性执行浅拷贝，复制的是内存地址而非创建新对象。

常见误区

误用for...in检测时未过滤原型链属性
认为Object.keys能捕获所有自有属性
忽略Object.assign对Symbol属性的处理
混淆深拷贝与浅拷贝的区别

问题解答

空对象检测方法

Object.keys()方案

 function isEmpty(obj) {
 return Object.keys(obj).length === 0;
}

优点：代码简洁，浏览器兼容性好
缺点：无法检测不可枚举属性和Symbol属性

Reflect.ownKeys()方案

 function isEmpty(obj) {
 return Reflect.ownKeys(obj).length === 0;
}

优点：检测所有自有属性类型
缺点：需要ES6环境支持

对象操作 on ZiYang FrontEnd Interview

空对象检测与对象合并

考察点分析 link

技术解析 link

关键知识点 link

原理剖析 link

常见误区 link

问题解答 link