Vue中Object.assign清空数据报错的解决方案
目录
Object.assign清空数据报错的解决
Object中的assign方法
用于对象合并
普通合并
后者覆盖前者
Object.assign()只有一个参数
Object.assign()只有一个参数
Object.assign()只有一个参数
多个参数
对象合并的时候是浅拷贝
Object.assign清空数据报错的解决想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向，
例如：
Object.assign(this.$data, this.$options.data.call(this))
如果只是想清楚其中某条数据可以使用
this.xxx=this.$options.data.call(this).xxxx
Object中的assign方法
Object.assign()
用于对象合并 普通合并<script>
const target = {
a:1
}
const source1 = {
b:2
}
const source2 = {
c:3
}
Object.assign(target,source1,source2);
console.log(target);
//{a: 1, b: 2, c: 3}
</script>
注意
Object.assign()方法的第一个参数是目标对象，其余的参数为原对象，所有的原对象都会合并到目标对象
也就是第一个参数的原内容会被改变
如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
后者覆盖前者<script>
const target = {
a:1,
b:1,
c:1
}
const source1 = {
a:2,
b:2,
c:2
}
const source2 = {
a:3,
b:3,
c:3
}
Object.assign(target,source1,source2);
console.log(target);
//{a: 3, b: 3, c: 3}
</script>
Object.assign()只有一个参数
如果此参数为对象，直接返回该参数。
<script>
const target = {
a:1,
b:1,
c:1
}
console.log(Object.assign(target)==target);//true
console.log(Object.assign(target)===target);//true
</script>
Object.assign()只有一个参数
如果该参数不是对象，则会先转成对象，然后返回。
<script>
let x =Object.assign(123);
console.log(typeof x);//object
</script>
Object.assign()只有一个参数
由于undefined和null无法转成对象，所以如果它们作为参数，就会报错。
Object.assign(undefined) // 报错
Object.assign(null) // 报错
多个参数
如果非对象参数出现在源对象的位置（即非首参数），那么处理规则有所不同。首先，这些参数都会转成对象，如果无法转成对象，就会跳过。这意味着，如果undefined和null不在首参数，就不会报错。
let obj = {a: 1};
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true
其他类型的值（即数值、字符串和布尔值）不在首参数，也不会报错。但是，除了字符串会以数组形式，拷贝入目标对象，其他值都不会产生效果。
const v1 = 'abc';
const v2 = true;
const v3 = 10;
const obj = Object.assign({}, v1, v2, v3);
console.log(obj); // { "0": "a", "1": "b", "2": "c" }
对象合并的时候是浅拷贝
var x={"101":{"Score":50,"Standards":{}}}
var b = {"101":{"Standards":{"11111":[0.25]}}}
console.log(Object.assign({},x,b))
猜猜结果是什么
{"101":{"Standards":{"111":[0.2]}}}
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Grizelda
2020-01-01
Gitana
2020-05-30
Claire
2021-05-21
Oria
2023-07-21
Ophelia
2023-07-21
Crystal
2023-07-21
Laila
2023-07-21
Aine
2023-07-21
Bliss
2023-07-21
Lillian
2023-07-21
Tertia
2023-07-21
Olive
2023-07-21
Serepta
2023-07-21
Keelia
2023-07-21
Angie
2023-07-21
Kohana
2023-07-22
Sylvia
2023-07-22