JavaScript中用剩余参数配合解构可构建灵活清晰的工具函数：固定参数前置，配置对象解构设默认值防错，剩余参数收尾透传字段，嵌套解构+剩余属性兼顾精准与容错，结合??和动态默认值双重兜底。
JavaScript 中用剩余参数配合解构，能写出既灵活又清晰的工具函数。关键不是堆砌语法，而是让参数意图明确、调用安全、扩展自然。
先收后解：剩余参数打底，解构提取结构化配置
把固定参数 + 配置对象 + 可变参数分层处理。剩余参数收尾，解构在形参里直接拆配置项，避免函数内部手动取值。
- 固定参数（如 url、action）放前面，明确核心行为
- 配置对象用解构接收，并设默认值，比如 { method = 'GET', timeout = 5000, headers = {} } = {} —— 等号右边的 = {} 防止传入 null 或 undefined 导致解构报错
- 剩余参数 ...rest 放最后，收集额外透传字段（如 query、body、onSuccess），它是个真数组，可直接 .map 或 .forEach
解构嵌套 + 剩余属性：应对复杂输入结构
当入参是深层嵌套对象（如 API 响应、表单数据），解构可一层层展开，再用剩余属性收走未声明字段，兼顾精准提取与容错能力。
- 嵌套解构示例：function validate({ user: { id, email }, meta: { version } }) 直接拿到四层深的值
- 剩余属性配合：const { name, age, ...others } = data 把没明确定义的字段归入 others，后续可做日志、转发或兜底处理
- 数组解构也能用剩余：const [first, second, ...restItems] = list，适合分页、切片类工具函数
默认值 + 空值合并：双重兜底防崩溃
解构默认值只对 undefined 生效，而实际传参可能为 null、0、false。这时要搭配空值合并操作符 ?? 提前过滤。
立即学习“Java免费学习笔记（深入）”；
- 错误写法：function format({ prefix = 'item' }) { } —— 若传 { prefix: null }，prefix 就是 null，不走默认
- 安全写法：function format(opts = {}) { const { prefix = 'item' } = opts ?? {}; } —— 先用 ?? {} 把 null/undefined 转为空对象，再解构
- 动态默认值也可靠：timeout = getDefaultTimeout()，每次调用都执行函数，适合依赖环境或时间的场景
组合实战：一个通用 fetch 封装工具函数
把上面几点串起来，就是一个生产可用的工具函数：
- function request(url, { method = 'GET', headers = {}, timeout = 8000 } = {}, ...extra) {
- 第一参数 url 是必填动作标识
- 第二参数解构配置，= {} 防空，method/headers/timeout 各自兜底
- ...extra 收集像 { query, body, signal } 这类非标准但高频的字段，保持接口开放
- 内部可统一处理超时、添加基础 header、格式化 extra 参数，逻辑集中不散落
