区别

微任务队列在宏任务结束后立即清空所有任务，包括过程中新加入的；常见来源有Promise回调、MutationObserver、queueMicrotask等，执行优先级高于宏任务但不触发渲染。 微任务队列是 JavaScript 事件循环中优先级更高、执行更及时的一类异步任务集合，它总在当前宏任务执…

call和apply都显式指定函数执行时this的值并立即调用；区别仅在传参方式：call用逗号分隔参数，apply用数组传参。 call 和 apply 都是用来**显式指定函数执行时 this 的值**，并立即调用该函数；它们的核心区别只在**传参方式不同**：call 用逗号分隔的参数列表，a…

Map用于存储任意类型键的键值对，Set用于存储唯一值；二者弥补对象和数组在语义、功能与性能上的不足，不可互相替代。 Map 和 Set 是 ES6 引入的两种原生集合类型，各自有明确的设计目的：Map 用来存键值对，Set 用来存唯一值。它们不是对象或数组的替代品，而是补足了后两者在语义、功能和性…

高阶函数是接收函数作为参数或返回函数的函数，体现函数作为一等公民；典型形式有map/filter/reduce（传函数）和防抖/柯里化（返回函数），传参时需注意fn与fn()的区别。 高阶函数就是把函数当作参数传进去，或者返回一个函数的函数。核心就两点：函数可以像数字、字符串一样被传递和使用；Jav…

本文深入探讨了在 javascript 中通过 `htmlelement.style` 访问带有 css 自定义属性的简写样式时，为何会遇到属性值无法正确展开的问题。核心在于 `htmlelement.style` 仅反映直接内联样式，且在自定义属性值未解析前，浏览器无法确定简写属性的具体长手属性。…

响应式设计中JavaScript可通过resize事件、matchMedia和orientationchange事件感知屏幕变化，需节流resize以防性能问题，优先使用window.innerWidth等视口尺寸而非screen.width。 响应式设计不只靠 CSS 媒体查询，JavaScrip…

JavaScript有6种原始类型：string、number、boolean、null、undefined、symbol、bigint；引用类型包括Object、Array、Function等对象结构，核心区别在于赋值、比较、可变性和检测方式。 JavaScript 有 7 种数据类型：6 种原始…

JavaScript中的“树结构”指DOM这种分层数据组织方式，以document为根节点，HTML元素按父子、兄弟关系嵌套构成树；常用遍历法包括childNodes/children、parentNode、next/previousElementSibling、querySelector及递归DF…

call和apply立即执行函数，bind返回绑定this的新函数；call参数逐个传，apply参数用数组传，bind可预设参数并延迟调用。 三者都能改函数里的 this，但用法和时机完全不同。核心就三点：谁立刻执行、参数怎么传、返回值是什么。 call：立刻执行，参数一个个列出来 第一个参数是你…

JavaScript错误处理分同步和异步：try-catch捕获同步错误，.catch()或async/await+try-catch处理Promise异步错误；二者分工明确，不可替代，核心在于错误发生的执行上下文不同。 JavaScript 中的错误处理主要有两种常见场景：同步代码用 try-ca…