javascript 中解构赋值通过模式匹配从对象中提取属性，语法为 { key } 或 { key: alias }。直接提取时变量名需与属性名一致，重命名时使用冒号指定新变量名。若属性不存在则返回 undefined，可通过默认值参数提供后备方案。
如何从对象中提取特定属性并重命名？
使用冒号语法 { prop: newName } 可以在提取的同时重命名变量。例如从 user 对象中提取 name 并赋给 n，代码为 const { name: n } = user;。这种方式不会修改原对象，仅创建新的局部变量引用。
const user = {
id: 1,
name: "Alice",
role: "admin"
};
// 提取并重命名
const { name: userName, role: userRole } = user;
console.log(userName); // "Alice"
console.log(userRole); // "admin"
如何处理缺失属性并提供默认值？
在解构模式中为变量指定默认值 { key = defaultValue }。当目标对象的属性值为 undefined（包括属性不存在的情况）时，将使用默认值。注意：如果属性存在但值为 null，默认值不会生效，因为 null !== undefined。
javascript-typescript-typescript-scaffold
下载
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
立即学习“Java免费学习笔记（深入）”；
const config = {
theme: "dark",
notifications: null
};
// 设置默认值
const {
theme: t = "light",
notifications: n = true
} = config;
console.log(t); // "dark" (属性存在)
console.log(n); // null (属性存在但为null，默认值不生效)
console.log(missing); // "fallback" (属性不存在，使用默认值)
基于程序中某个输入、条件或结果的具体问题
当解构赋值的目标对象为 null 或 undefined 时，会抛出 TypeError。这是因为 JavaScript 引擎尝试读取这些值的属性时会失败。解决方法是使用可选链操作符 ?. 或在解构前进行空值检查，例如 const { a } = obj || {};。
