解构与展开是现代 JS 的日常语法,读接口数据、传参、复制对象时几乎处处用到。

{ name, role } → 局部变量
图:从对象中抽出字段,以及用展开合并配置
const user = { id: 1, name: "Lin", role: "dev" };
const { name, role } = user;

const base = { theme: "light", lang: "zh" };
const conf = { ...base, theme: "dark" };

const nums = [1, 2, 3];
const more = [...nums, 4];

注意

  • 展开是浅拷贝,嵌套对象仍共享引用。
  • 函数参数也可用解构:function f({ id, name })。