ES6解构赋值可提取函数返回的多个值，前提是函数返回数组或对象：数组解构按位置提取，支持跳过和剩余元素；对象解构按属性名提取，支持别名、默认值和嵌套；函数调用时可直接解构，但JS不支持原生多返回值。
ES6 解构赋值可以直接提取函数返回的多个值，前提是函数返回的是数组或对象 —— 因为解构只作用于可迭代（如数组）或可枚举（如对象）的结构。
返回数组时：用数组解构
如果函数返回一个数组，可以用数组解构语法按位置提取值：
function getCoords() {
return [10, 20, 30];
}
const [x, y, z] = getCoords(); // x=10, y=20, z=30
console.log(x, y, z); // 10 20 30
- 顺序必须匹配，解构变量的位置对应数组索引
- 可以跳过某些值：const [x, , z] = getCoords(); // 忽略 y
- 支持剩余元素：const [x, ...rest] = getCoords(); // rest = [20, 30]
返回对象时：用对象解构
如果函数返回对象，推荐用对象解构，通过属性名提取（更语义化、不依赖顺序）：
function getUser() {
return { name: 'Alice', age: 28, city: 'Beijing' };
}
const { name, age } = getUser(); // name='Alice', age=28
console.log(name, age); // Alice 28
- 变量名默认需与属性名一致；若想另取别名，写成 { name: userName }
- 可设默认值：const { city = 'Unknown' } = getUser();
- 支持嵌套解构：const { address: { zip } } = getProfile();
函数参数直接解构返回值（一行搞定）
不必先存返回值再解构，可直接在调用时解构：
立即学习“Java免费学习笔记（深入）”；
const [first, second] = Math.min(5, 3, 8, 1), Math.max(5, 3, 8, 1); // ❌ 错误：min/max 返回单个值 // 正确示例：包装成数组返回 const getMinMax = (arr) => [Math.min(...arr), Math.max(...arr)]; const [min, max] = getMinMax([5, 3, 8, 1]); // min=3, max=8
- 关键点：函数返回值本身得是数组或对象，不能是多个独立值
- JS 不支持原生多返回值，所谓“多个值”本质是返回一个复合结构
- 箭头函数也可返回解构友好的结构：const getData = () => ({ a: 1, b: 2 });
常见误区提醒
容易混淆的几个点：
- return a, b, c; 是无效语法 —— JS 函数只能有一个返回值
- 逗号操作符 (a, b, c) 只返回最后一个值，不是多值返回
- 解构失败不会报错，未匹配的变量为 undefined
- 异步函数返回 Promise，需 await 后再解构：const [a, b] = await getArrayPromise();
