在 javascript 构造函数中使用剩余参数，可以直接通过 ...args 语法收集所有未命名的实参为数组，从而避免手动处理 arguments 对象或逐个定义形参。这种做法让构造函数能灵活接收任意数量的配置项或子元素，并在函数体内直接以数组形式遍历或操作这些参数。
如何收集并存储剩余参数
构造函数可以通过将剩余参数赋值给一个命名变量（如 children）来捕获所有额外传入的参数。调用时只需在实例化对象后追加逗号分隔的值即可，这些值会按顺序存入该数组中，方便后续迭代。
class Container {
constructor(title, ...children) {
this.title = title;
this.children = children;
}
}
const box = new Container('Panel', 'Item A', 'Item B');
console.log(box.children); // ['Item A', 'Item B']
如何处理剩余参数的类型与空值
当传入的剩余参数包含不同类型或为空时，...args 依然保持其原始类型并存入数组。如果调用时未提供额外参数，该数组将为空数组 []，不会报错，这使得在处理可选的子节点或配置项时非常安全。
javascript-typescript-typescript-scaffold
下载
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
class Config {
constructor(name, ...options) {
this.name = name;
this.options = options;
}
}
const c1 = new Config('App', 1, true, null);
const c2 = new Config('Empty');
console.log(c1.options); // [1, true, null]
console.log(c2.options); // []
基于剩余参数长度判断初始化状态
在构造函数内部，可以通过检查剩余参数数组的 length 属性来判断用户是否传入了额外的数据。如果长度为 0，说明仅使用了基础参数；若大于 0，则可以根据数组内容进行动态初始化，例如根据子元素数量调整布局或绑定事件。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
