Vue中Object.assign清空数据报错的解决方案

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]}}}

以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。

推荐阅读