javascript

Proxy 是用于拦截并自定义对象基本操作的构造器，通过 handler（含 get、set、has、ownKeys 等 trap）与 target 构建代理层，实现响应式、校验、日志等高级功能。 Proxy 是 JavaScript 中用于拦截并自定义对象基本操作的构造器。它不修改原对象，而是创建…

Canvas绘图基于2D渲染上下文，通过命令式API操作路径实现；需先获取ctx = canvas.getContext(‘2d’)，再用fillRect/strokeRect或beginPath+moveTo+lineTo+arc+fill/stroke绘制，配合样式设置与…

闭包是函数与其词法作用域的组合，即内部函数引用外部函数局部变量且外部函数返回该内部函数，从而保持变量在内存中持续可用；常用于模拟私有变量、事件状态保持、柯里化及API封装等实际场景。 闭包是函数与其词法作用域的组合，简单说：一个函数记住了它被定义时所在环境中的变量，即使外部函数已经执行完毕，这些变量…

JavaScript定义函数主要有三种常见方式：函数声明（具名、可提升）、函数表达式（可匿名、不提升）和箭头函数（无this绑定、语法简洁）。 JavaScript 中定义函数主要有三种常见方式：函数声明、函数表达式和箭头函数。它们在语法、作用域行为和使用场景上各有特点。 函数声明（Function…

JavaScript代码分割是将大JS文件拆分为按需加载的小块以提升性能。核心是动态import()语法，支持路由、组件、工具库等多场景分割，并由Webpack/Vite等工具自动处理chunk分离。 JavaScript 代码分割（Code Splitting）是指将一个大体积的 JavaScri…

sessionStorage和localStorage生命周期与共享范围不同：前者仅限当前标签页会话，关闭即清空；后者持久存储，除非手动清除。适用场景上，前者适合临时数据如表单草稿，后者适合长期偏好如主题设置。 SessionStorage 和 localStorage 都是浏览器提供的 Web S…

JavaScript展开运算符（…）用于将可迭代对象或对象展开为独立元素或属性，支持数组合并与浅拷贝、函数传参、对象合并与解构、类数组转换等，但仅浅层展开且不支持null/undefined。 JavaScript 展开运算符（Spread Operator）用三个点 … 表…

高阶函数是接收函数为参数或返回函数的函数，如map、filter、reduce、sort等数组方法，以及setTimeout、addEventListener等；它提升代码复用性与可读性，支持函数式编程。 JavaScript 高阶函数是指**接收函数作为参数**，或者**返回函数作为结果**的函数…

滚动监听需优化性能：用节流控制频率，IntersectionObserver替代手动计算，避免强制同步布局，按需启停监听器，并注意passive选项与内存泄漏。 滚动监听在 JavaScript 中很常用，但直接绑定 scroll 事件容易导致性能问题——它触发太频繁，可能每秒几十甚至上百次，造成卡…

Symbol是JavaScript第七种原始类型，ES6引入，具有唯一、不可变、不可枚举特性，用于避免命名冲突、模拟弱私有成员、定义语义化常量键及通过知名Symbol定制对象底层行为。 Symbol 是 JavaScript 中的第七种原始类型，ES6 引入，用来创建**唯一、不可变、不可枚举**的…