确保原始变量不被意外修改的关键是深拷贝而非浅拷贝。当变量为含嵌套结构的数组或对象、需直接修改、多处读写或用于全局配置时，必须用深拷贝；现代环境用structuredClone，旧环境用Lodash的_.cloneDeep，Python中用copy.deepcopy，Vue/React中需手动深拷贝props以避免污染。
要确保原始变量在传递过程中不被意外修改，关键不是“传得更小心”，而是让副本和原对象彻底断开内存联系。只要存在任何一层引用共享，后续对副本的修改就可能悄悄改掉原始数据——这在表单提交、状态管理、配置复用等场景中极易引发隐蔽 bug。
先判断：什么情况下必须用深拷贝？
满足以下任一条件，浅拷贝就不够安全：
- 变量是数组或对象，且内部包含嵌套结构（比如
[1, {a: 2}, [3, 4]]） - 你或协作方后续会调用
.push()、.pop()、obj.key = xxx等直接修改操作 - 变量会被多个函数/组件反复读写（如 Vue 的
props下发后又被子组件修改） - 原始数据是全局配置、缓存快照、历史记录点等需要严格保留原始状态的值
按环境选对方法：现代优先，旧环境兜底
不用硬背语法，记住两条主线：
-
浏览器（Chrome 98+ / Firefox 94+ / Safari 15.4+）或 Node.js 18.16+：直接用
structuredClone(obj)。它支持Date、RegExp、Map、Set、嵌套对象/数组，还能自动处理循环引用，一行解决 -
需兼容 IE 或老旧运行时：引入 Lodash，用
_.cloneDeep(obj)。它经过大量边界测试，比手写或JSON.parse(JSON.stringify())更可靠（后者会丢掉Date、undefined、函数、正则等）
Python 中防止误改的典型写法
Python 默认是对象引用传递，尤其对 list、dict 这类可变对象：
- 别用
b = a.copy()或b = a[:]—— 它们只是浅拷贝，改b[0]['x']仍会影响a - 正确做法：
import copy; b = copy.deepcopy(a)。执行后b和a占用不同内存地址，互不干扰 - 小技巧：可以用
id(a)和id(b)对比，深拷贝后两者一定不相等
Vue/React 场景下的实用提醒
框架本身不自动深拷贝 props 或 state，常见踩坑点：
- 把一个对象
props直接赋给data或ref，然后在模板里用v-model绑定嵌套字段 → 原始 props 被同步污染 - 解决方案：在
setup()或created()钩子中，立刻做一次深拷贝再使用 - Vue 3 + TypeScript 可配合类型守卫，比如
const safeCopy = structuredClone(props.config) as ConfigType，兼顾安全与类型提示
真正防篡改，不靠约定，靠隔离。只要副本和原对象不再共用任何一块堆内存，改它千遍，原始值纹丝不动。
