javascript中arguments和nodelist是类数组对象，需转为真数组才能使用原生方法；推荐array.from()，其次扩展运算符，兼容旧环境可用slice.call()，避免array.apply()。

JavaScript 中的 arguments 和 NodeList 是典型的“类数组”对象：它们有 length 属性，元素可通过数字索引访问，但**没有原生数组方法**（如 map、filter、forEach）。直接调用会报错。要高效处理，关键是把它们**安全、轻量地转成真数组**。

用 Array.from() 一步到位（推荐）

Array.from() 是最简洁现代的方案，专为类数组和可迭代对象设计，兼容 arguments 和 NodeList，且支持映射函数。

• 处理 arguments：

function sum() {
  return Array.from(arguments).reduce((a, b) => a + b, 0);
}

• 处理 NodeList（如 document.querySelectorAll() 返回值）：

const buttons = document.querySelectorAll('button');
Array.from(buttons).forEach(btn => btn.addEventListener('click', handler));

• 带转换逻辑（例如只取文本内容）：

const texts = Array.from(buttons, btn => btn.textContent);

用扩展运算符 ...（ES6+，简洁但有局限）

写法最短，语义清晰，但仅适用于**可迭代对象**——NodeList 可以，arguments 在严格模式下也可（因它实现了 @@iterator），但旧版 IE 不支持。

抖音下载器(Node.js)

抖音无水印视频下载和文案提取工具

下载

• 安全用法示例：

const args = [...arguments];
const nodes = [...document.querySelectorAll('div')];

• 注意：不能用于非可迭代的类数组（如某些 DOM 集合或手动构造的伪数组）。

用 Array.prototype.slice.call()（兼容老环境）

这是 ES5 时代的经典写法，兼容性最好（包括 IE8+），原理是借用数组的 slice 方法并绑定类数组上下文。

• 通用写法：

const argsArr = Array.prototype.slice.call(arguments);
const nodeListArr = Array.prototype.slice.call(document.getElementsByTagName('li'));

• 可简写为 [].slice.call(...)，但不推荐——创建空数组实例略低效。

避免用 Array.apply()（已过时且有风险）

曾有人用 Array.apply(null, arguments)，但它在参数过多时会触发栈溢出（如上万项），且语义不清，不建议使用。