1

JavaScript 对象与原型

围绕对象创建、属性访问与遍历展开,梳理 this 指向、原型链、继承和 class 语法之间的关系。通过对象组织与复用的不同思路,理解实例属性和原型属性的边界,关注封装、属性覆盖及继承设计中的常见问题。

50 条内容添加时间:2026-11-04浏览量:154
为什么 JSON.parse(JSON.stringify) 无法完美深拷贝?

深入剖析为什么使用 JSON.parse(JSON.stringify) 进行 JavaScript 深拷贝会出现数据丢失、类型降级、特殊数值篡改及循环引用抛错,并提供原生 structuredClone 和工业级递归方案。

为什么 JSON.parse(JSON.stringify) 无法完美深拷贝?
JS 对象转数组的常用方法:Object.values 与 entries 详解

深入详解 JavaScript 中使用 Object.values 与 Object.entries 将对象转换为数组的实用方法,包含语法解析、执行原理、属性排序机制、常见业务场景与选型对比。

JS 对象转数组的常用方法:Object.values 与 entries 详解
11.03575 浏览木棉
利用Object.entries解构赋值高效遍历JS对象键值对

深入讲解如何结合使用Object.entries与ES6解构赋值高效、安全地遍历JavaScript对象键值对。分析其底层机制、语法变体、与for...in及Object.keys的横向对比,并提供生产环境避坑指南。

利用Object.entries解构赋值高效遍历JS对象键值对
11.0380 浏览小括号
JS怎么递归判断深层嵌套对象是否为空?

深入讲解JavaScript如何通过递归与深度优先搜索(DFS)判断深层嵌套对象是否为空,涵盖短路机制、循环引用WeakSet防护、特殊内置对象处理及工程化通用函数实现。

JS怎么递归判断深层嵌套对象是否为空?
11.03421 浏览拾光
JS合并对象时怎么避免修改原数据

在JavaScript中合并对象时如何避免修改原数据?本文深入解析对象按引用传递的本质,对比浅合并与深合并的适用边界,提供展开运算符、Object.assign正确写法、structuredClone及自定义递归deepMerge等多种防篡改实用方案。

JS合并对象时怎么避免修改原数据
11.03276 浏览闭包旅人
JS使用JSON.parse实现对象深拷贝的局限与注意事项

深入解析在JavaScript中使用JSON.parse(JSON.stringify(obj))实现深拷贝的执行机制、六类常见数据类型的丢失与变异、循环引用崩溃原理,并提供生产环境下的注意事项与现代替代方案。

JS使用JSON.parse实现对象深拷贝的局限与注意事项
11.03391 浏览小括号
怎么在ES6 Class中实现JavaScript工厂模式

本文系统讲解怎么在 ES6 Class 中实现 JavaScript 工厂模式,涵盖静态方法分发、Map 动态注册表、异步工厂及抽象工厂模式的完整代码与架构解析。

怎么在ES6 Class中实现JavaScript工厂模式
JavaScript工厂模式入门:用函数封装对象创建

深入浅出讲解JavaScript工厂模式的核心概念与实战技巧。通过函数封装对象创建逻辑,实现代码复用、私有变量保护与调用解耦,并与构造函数及ES6 Class全面对比选型。

JavaScript工厂模式入门:用函数封装对象创建
11.03230 浏览青柠
怎么在JavaScript中实现单例模式的实例化

深入讲解在JavaScript中实现单例模式实例化的核心逻辑与具体技术方案,涵盖构造函数透明拦截、静态方法受控获取、闭包缓存及ES Module天然单例,并对不同实现的关键差异及注意事项进行详尽分析。

怎么在JavaScript中实现单例模式的实例化
JS 链式调用失效怎么办?排查 this 指向与返回值陷阱

JavaScript 链式调用失效的排查与解决指南,深入分析 this 指向偏离、漏写 return this、箭头函数误用及异步断链等核心陷阱,并提供清晰的代码修复方案。

JS 链式调用失效怎么办?排查 this 指向与返回值陷阱
11.03400 浏览木棉
JS 浅拷贝实现:Object.assign 与展开运算符的局限

深入解析 JavaScript 中 Object.assign 与展开运算符实现浅拷贝的核心原理、内存表现及五大局限性,帮助开发者避开数据共享污染隐患并合理选择拷贝策略。

JS 浅拷贝实现:Object.assign 与展开运算符的局限
11.03567 浏览代码拾荒
new操作符在JS中做了什么:构造器执行的四个步骤

深入解析JavaScript中new操作符的底层运作机制,详细拆解创建对象、链接原型、绑定this与处理返回值的执行步骤与代码实现。

new操作符在JS中做了什么:构造器执行的四个步骤
11.03372 浏览拾光