显式绑定 apply 方法：怎么优雅地处理数组参数传递？

优先用扩展运算符替代apply，因其更高效、语义清晰、自动跳过稀疏项且类型安全；需绑定this时可封装或bind；大数组高频调用应绕开apply；类数组须先转真数组再处理。

直接用 apply 传数组参数并不难，但“优雅”关键在于：避开性能陷阱、保持可读性、适配现代语法习惯，而不是单纯写出来就完事。

优先用扩展运算符替代 apply

绝大多数场景下，Math.max(...arr) 比 Math.max.apply(null, arr) 更自然、更高效，也更易维护。

• 引擎对 ... 做了深度优化，尤其在 V8 9.0+ 中，无额外参数展开开销
• 语义清晰：一眼看出是“把数组元素当参数展开”，不依赖函数原型方法
• 自动跳过稀疏项，无需担心 hole 检测拖慢执行
• 类型安全更好——TS 能准确推导展开后的参数类型，apply 则常需手动断言

需要保留 this 绑定时，封装一层再展开

如果目标函数必须在特定上下文中执行（比如 this 指向某个实例），又想用扩展运算符，可以这样处理：

• 用 fn.bind(this) + ...：适合参数数量固定或可控的场景
• 写个轻量封装：const callWith = (fn, ctx) => (...args) => fn.apply(ctx, args)，调用时 callWith(greet, person)(...['Alice', 28])
• 避免在循环里反复调用 apply，尤其数组长度波动大时——预处理成绑定函数更稳

大数组或高频调用，绕开 apply 更实际

当数组超过 1000 项，或在动画帧、事件处理器中频繁触发，apply 的参数展开开销会变得可见。

• 求极值、求和、拼接等聚合操作，直接用 reduce 或循环，不进调用栈
• 批量 DOM 操作（如 element.classList.add(...arr)）已原生支持展开，无需 apply
• 若必须走函数调用路径，考虑将数组分块，用 forEach 分批处理，降低单次开销

兼容旧环境时，类数组要先转真数组

arguments、NodeList 等不是真数组，直接传给 apply 虽能运行，但行为不稳定（尤其在严格模式下）。

• 推荐统一转成数组：Array.from(arguments) 或 [...arguments]
• 避免用 Array.prototype.slice.call(arguments) 这种老式写法，冗长且易出错
• 转数组后，再决定用 apply 还是 ...，逻辑更正交、更易测试