JavaScript 中多重变量赋值怎么在一行代码中规范完成-js教程-PHP中文网

JavaScript中多重变量赋值最规范、最常用的方式是解构赋值，包括数组解构（按索引批量赋值、跳过项、设默认值、收集剩余元素）和对象解构（按属性名赋值、重命名、设默认值、嵌套解构），并支持函数参数、循环、变量交换等场景，而链式赋值如let a = b = c = 0应避免。

javascript 中多重变量赋值怎么在一行代码中规范完成

JavaScript 中多重变量赋值最规范、最常用的方式是使用解构赋值（Destructuring Assignment），尤其适用于数组和对象。它语义清晰、可读性强，且被现代 JavaScript（ES6+）标准广泛支持。

数组解构：按顺序批量赋值

适用于已知结构的数组，按索引位置一次性提取多个值：

基本写法：const [a, b, c] = [1, 2, 3]; → a=1, b=2, c=3
跳过某项：用逗号占位，如 const [x, , z] = [10, 20, 30]; → x=10, z=30
设置默认值：const [name, age = 18] = ["Alice"]; → age 取默认值 18
剩余元素收集：const [first, ...rest] = [1, 2, 3, 4]; → rest 是 [2, 3, 4]

对象解构：按属性名精准赋值

更贴近实际开发场景，尤其处理函数返回对象或配置项时非常直观：

基础用法：const { name, age } = { name: "Bob", age: 25 };
重命名变量：const { title: bookName, year: publishYear } = { title: "JS Guide", year: 2023 };
设置默认值：const { status = "active", role } = { role: "admin" }; → status 为 "active"
嵌套解构：const { user: { id, profile: { city } } } = { user: { id: 101, profile: { city: "Shanghai" } } };

混合与进阶技巧

解构不仅限于声明，还能用于函数参数、for-of 循环、甚至交换变量值：

Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

函数参数解构：function greet({ name, msg = "Hello" }) { return `${msg}, ${name}!`; }
快速交换两个变量：[a, b] = [b, a];（无需临时变量）
从函数返回对象直接解构：const { data, error } = fetchData();
注意：解构目标必须是可迭代（数组）或可枚举（对象），null 或 undefined 会报错，可用空对象/数组兜底，如 const { x } = obj || {};