JavaScript函数可通过返回数组或对象模拟多返回值，再用解构赋值提取：数组解构要求顺序一致、支持跳过；对象解构支持重命名和默认值；需防范null/undefined导致的错误。

JavaScript函数本身只支持单个返回值，但可以通过返回数组或对象来模拟“多返回值”，再配合解构赋值简洁地提取多个值。

用数组返回多个值（适合有序、位置固定的场景）

把多个结果按顺序放进一个数组里返回，调用时用数组解构接收，语义清晰且写法简洁。

• 返回值必须是数组，否则解构会失败或得到 undefined
• 解构时变量顺序要和返回数组中元素顺序一致
• 可以跳过不需要的值，用逗号占位

例如：

function getCoordinates() {
  return [10, 20, 30]; // x, y, z
}

const [x, , z] = getCoordinates(); // 跳过 y，x=10，z=30

用对象返回多个值（适合命名明确、顺序不敏感的场景）

返回一个键值对对象，调用方通过对象解构按属性名取值，可读性高，也支持重命名和默认值。

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 属性名需与解构时的变量名（或别名）匹配
• 可用 :{ oldName: newName} 重命名，避免变量名冲突
• 可设置默认值，应对某些字段可能不存在的情况

例如：

function getUserInfo() {
  return { name: 'Alice', age: 28, role: 'admin' };
}

const { name, age, role: userRole = 'guest' } = getUserInfo(); // role 赋给 userRole，缺省为 'guest'

结合立即执行与解构提升表达力

有时不需要保留整个返回值，只关心其中几个字段，可把函数调用和解构写在同一行，减少中间变量。

• 适用于一次性使用、无需复用返回结果的场景
• 注意函数必须返回可解构的数组或对象，不能是 null 或 undefined
• 嵌套解构也支持，比如从返回的对象中再解构嵌套属性

例如：

const { data: { id, title }, status } = fetchPost(); // 假设 fetchPost 返回 { data: { id, title }, status }

注意事项和常见陷阱

看似简单，但实际使用中容易踩坑：

• 函数返回 null 或 undefined 时解构会报错，建议加空值判断或用可选链 + 默认值
• 数组解构遇到长度不足时，后续变量为 undefined；对象解构找不到属性也得 undefined，不是报错
• 不要为了“多返回”而强行拆分逻辑，优先考虑函数职责单一，必要时用对象封装语义更明确