const data = this.info 这种情况是data和this.info指向了同一个对象,只是将 this.info 的引用赋值给了 data (可以理解为指向同一个地址)也就是说如果修改 data 对象的属性或内容,那么 this.info 也会反映出这些变化。
原始类型(如 number、string、boolean、null、undefined、symbol 以及 BigInt)是按值传递的
对象类型(如 Object、Array、Function 等)是按引用传递的。
那么如何只把this.info的值赋值给data呢?
深拷贝!!!
关于深拷贝和浅拷贝的介绍
- 对于简单的对象或数组,你可以使用这样的方法来深拷贝,但这种方法有局限性,不能正确处理函数、循环引用、特殊对象(如
Date、RegExp等)和undefined值。
const data = JSON.parse(JSON.stringify(this.info));
- 如果需要处理更复杂的对象,或者需要处理上述限制,你可能需要使用专门的库来进行深拷贝,比如 lodash 的
_.cloneDeep()方法。
import _ from 'lodash';
const data = _.cloneDeep(this.info);