区别

响应式编程是JavaScript中以数据流和变化传播为核心的范式，将异步事件等视为随时间发出值的序列，用声明式方式组合处理；RxJS通过Observable和Operator（如debounceTime、switchMap）实现高效、可取消、可组合的异步逻辑。 响应式编程（Reactive Prog…

function 用于定义生成器函数，返回可暂停/恢复的生成器对象；yield 产出单值，yield 委托可迭代对象；生成器原生支持迭代协议，并可通过 next(value) 实现双向通信。 JavaScript 中的 function* 是定义生成器函数的关键字，它创建的函数会返回一个生成器对象（…

JavaScript中this的值在函数调用时确定，遵循四条绑定规则：1.new绑定指向新实例；2.显式绑定由call/apply/bind指定；3.隐式绑定取点号前对象；4.默认绑定在严格模式下为undefined，非严格模式下为全局对象。 JavaScript 中 this 的值不是在函数定义时…

生成器函数是 JavaScript 中用 function* 声明、通过 yield 暂停执行并返回迭代器对象的特殊函数，支持惰性求值、双向通信和可迭代协议。 生成器函数是 JavaScript 中一种特殊的函数，它能暂停和恢复执行，让你手动控制函数内部的运行节奏。它不是一次性跑完，而是一步一步“交…

Set用于存储唯一值，自动去重且支持任意类型元素；Map用于键值对集合，键可为任意类型并保持插入顺序；二者均非对象替代品，而是针对去重、灵活键、高效增删等场景优化的专用数据结构。 Set 和 Map 是 JavaScript 中两种内置的集合数据结构，分别用于存储唯一值和键值对。它们不是对象的替代品…

JavaScript稀疏数组的空位不是undefined而是缺失状态，产生于高索引赋值、Array(n)构造、delete操作；空位使in操作符返回false，遍历方法跳过它，需用Array.from或flat(0)致密化处理。 JavaScript 数组可以是稀疏的，也就是说，索引不连续、中间存在…

DocumentFragment 是轻量级文档对象，用于批量创建和插入节点以避免频繁重排重绘、提升性能；通过 createDocumentFragment() 创建，添加子节点后一次性插入 DOM。 JavaScript 中的 DocumentFragment 是一个轻量级的文档对象，它不直接属于页…

防抖是事件停止触发后延时执行一次，适用于搜索输入等场景；节流是按固定间隔执行，适用于滚动监听等需持续响应的场景；二者均通过控制函数执行频率优化性能。 优化页面性能，核心是减少不必要的计算和 DOM 操作，尤其在高频事件（如滚动、输入、鼠标移动）中，防抖（Debounce）和节流（Throttle）是…

箭头函数是ES6引入的简写语法，无this/arguments/super/new.target，不能作构造函数，this静态绑定，不支持arguments需用…args替代，语法简洁但隐式返回有限制。 箭头函数是 ES6 引入的简写函数语法，核心特点是没有自己的 this、argume…

setTimeout用于执行一次延迟任务，setInterval用于周期性重复执行；前者适合防抖、延时提示等，后者适合轮询、倒计时等；均需用对应clear方法清除，且执行时机受主线程阻塞影响不精确。 JavaScript 中实现定时任务主要靠 setTimeout 和 setInterval 两个原…