浅拷贝仅隔离第一层，安全操作包括修改顶层基本类型、替换整个嵌套属性或一维数组元素重赋值；危险操作包括修改嵌套对象属性、向嵌套数组push或改内层元素、给嵌套对象直接赋值字段。
浅拷贝本身不能“保护”原始数据，它只是生成一个新对象，但只隔离第一层。真正起作用的是：你后续是否只修改第一层属性，以及是否避开嵌套引用的修改。关键不在“拷贝动作”，而在“怎么用这个副本”。
明确哪些操作是安全的
只要不触碰嵌套的引用类型，浅拷贝后的对象就能和原始数据互不干扰：
- 修改顶层基本类型字段：比如
copy.name = "李四"、copy.count = 10，原始对象完全不受影响 - 替换整个嵌套属性：比如
copy.profile = { ...newData }或copy.items = [...newItems]，这会断开旧引用，属于安全重赋值 - 对一维数组元素重新赋值：如
copyIds[0] = 123（前提是copyIds是通过[...arr]或slice()浅拷贝来的纯数字/字符串数组）
哪些操作会悄悄污染原始数据
这些看似在改“副本”，实则动了共享内存，原始数据同步变更：
- 修改嵌套对象的属性：
copy.user.address.city = "杭州"→ 原始user.address也变 - 向嵌套数组 push 或修改内层元素：
copy.dataList.push(item)或copy.matrix[0][1] = 99 - 直接给嵌套对象赋值字段而不替换整个引用：
copy.config.nested.enabled = true（nested仍是原引用）
React 场景下的实用建议
在状态更新中，浅拷贝常用于快速创建不可变副本，但需配合结构意识：
立即学习“Java免费学习笔记（深入）”；
- 表单简单字段更新：
setState({ ...state, useAI: !state.useAI })—— 安全，全是基本类型 - 更新数组某一项：
setUsers(users.map((u, i) => i === index ? { ...u, name } : u))—— 用展开确保该项深一层 - 避免“先浅拷贝再深层改”：❌ 错误写法：
const draft = { ...state }; draft.items[0].price = 99; setState(draft);
一眼判断该不该用浅拷贝
问自己两个问题：
- 我要改的属性，是不是直接挂在对象第一层？（是 → 浅拷贝够用）
- 这个属性的值，本身是不是对象或数组？（是 → 它没被拷贝，得单独处理）
比如 { id: 1, name: "张三", tags: ["react", "js"] }：改 name 安全；改 tags 数组内容不安全；想加标签，应该用 [...state.tags, "ts"] 替换整个 tags 字段。
