解构与展开是现代 JS 的日常语法,读接口数据、传参、复制对象时几乎处处用到。
图:从对象中抽出字段,以及用展开合并配置
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 })。