Vue中Object.assign清空數(shù)據(jù)報(bào)錯(cuò)怎么解決

這篇文章主要介紹“Vue中Object.assign清空數(shù)據(jù)報(bào)錯(cuò)怎么解決”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“Vue中Object.assign清空數(shù)據(jù)報(bào)錯(cuò)怎么解決”文章能幫助大家解決問(wèn)題。

Object.assign清空數(shù)據(jù)報(bào)錯(cuò)的解決

想清空Vue中的data數(shù)據(jù)報(bào)錯(cuò)也許是沒(méi)有改變this指向的原因可以試著用call等方便改變this指向，

例如：

Object.assign(this.$data, this.$options.data.call(this))

如果只是想清楚其中某條數(shù)據(jù)可以使用

this.xxx=this.$options.data.call(this).xxxx

Object中的assign方法

Object.assign()

用于對(duì)象合并

普通合并

<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()方法的第一個(gè)參數(shù)是目標(biāo)對(duì)象，其余的參數(shù)為原對(duì)象，所有的原對(duì)象都會(huì)合并到目標(biāo)對(duì)象

• 也就是第一個(gè)參數(shù)的原內(nèi)容會(huì)被改變

• 如果目標(biāo)對(duì)象與源對(duì)象有同名屬性，或多個(gè)源對(duì)象有同名屬性，則后面的屬性會(huì)覆蓋前面的屬性。

后者覆蓋前者

<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()只有一個(gè)參數(shù)

如果此參數(shù)為對(duì)象，直接返回該參數(shù)。

<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()只有一個(gè)參數(shù)

如果該參數(shù)不是對(duì)象，則會(huì)先轉(zhuǎn)成對(duì)象，然后返回。

<script>
    let x =Object.assign(123);
    console.log(typeof x);//object
</script>

Object.assign()只有一個(gè)參數(shù)

由于undefined和null無(wú)法轉(zhuǎn)成對(duì)象，所以如果它們作為參數(shù)，就會(huì)報(bào)錯(cuò)。

Object.assign(undefined) // 報(bào)錯(cuò)
Object.assign(null) // 報(bào)錯(cuò)

多個(gè)參數(shù)

如果非對(duì)象參數(shù)出現(xiàn)在源對(duì)象的位置（即非首參數(shù)），那么處理規(guī)則有所不同。首先，這些參數(shù)都會(huì)轉(zhuǎn)成對(duì)象，如果無(wú)法轉(zhuǎn)成對(duì)象，就會(huì)跳過(guò)。這意味著，如果undefined和null不在首參數(shù)，就不會(huì)報(bào)錯(cuò)。

let obj = {a: 1};
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true

其他類型的值（即數(shù)值、字符串和布爾值）不在首參數(shù)，也不會(huì)報(bào)錯(cuò)。但是，除了字符串會(huì)以數(shù)組形式，拷貝入目標(biāo)對(duì)象，其他值都不會(huì)產(chǎn)生效果。

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

對(duì)象合并的時(shí)候是淺拷貝

    var x={"101":{"Score":50,"Standards":{}}}
    var b = {"101":{"Standards":{"11111":[0.25]}}}
    console.log(Object.assign({},x,b))

猜猜結(jié)果是什么

{"101":{"Standards":{"111":[0.2]}}}

關(guān)于“Vue中Object.assign清空數(shù)據(jù)報(bào)錯(cuò)怎么解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。