JavaScript 中解构赋值怎么重命名声明的提取变量-js教程-PHP中文网

JavaScript解构赋值重命名用冒号语法{原名:新名}，仅适用于对象；数组不支持直接重命名，需先位置解构再赋值；可与默认值组合{原名:新名=默认值}；嵌套解构中每层均可重命名。

javascript 中解构赋值怎么重命名声明的提取变量

JavaScript 解构赋值中重命名变量，核心是用 冒号（:）语法：在解构模式里，把原属性名写在冒号左边，新变量名写在右边。

对象解构中的重命名

当从对象提取属性时，原属性名可能不直观或与其他变量冲突，这时可重命名：

语法形式：{ originalName: newName }
冒号前是对象中实际存在的属性名，冒号后是你想声明的变量名
它不是“赋值”，而是“绑定”——newName 直接获得 originalName 的值

例如：

const user = { name: 'Alice', age: 30 };
const { name: userName, age: userAge } = user;
console.log(userName); // 'Alice'
console.log(userAge);  // 30

同时解构、重命名与设置默认值

重命名可和默认值组合使用，格式为：{ originalName: newName = defaultValue }

如果 originalName 不存在或为 undefined，newName 就取默认值
注意：不能写成 { originalName: newName } = obj || { originalName: 'default' } —— 那样逻辑不同

示例：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

const data = { title: 'JS Guide' };
const { title: docTitle = 'Untitled', author: docAuthor = 'Anonymous' } = data;
console.log(docTitle);   // 'JS Guide'
console.log(docAuthor);  // 'Anonymous'

数组解构中也能重命名？不支持，但有替代方案

数组解构基于索引，没有属性名，所以 不能直接用冒号重命名。但你可以：

先用位置解构出临时变量，再用新名字赋值（简单明了）
嵌套解构 + 别名（仅适用于含命名属性的子结构，如对象）

比如：

const arr = ['a', 'b', 'c'];
const [first, , third] = arr;        // 跳过第二个，用 first/third 当新名
const newItem = { value: first };    // 后续按需转成对象再解构重命名

嵌套对象解构 + 重命名

深层属性也可一边解构一边重命名，保持链式清晰：

const response = {
  data: {
    user: { id: 123, profile: { nick: 'Bob' } }
  }
};

const {
  data: {
    user: { id: userId, profile: { nick: userNick } }
  }
} = response;

console.log(userId);   // 123
console.log(userNick); // 'Bob'

每一层冒号都对应一次重命名，结构虽深，语义明确。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南