欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2022年03月03日 14:31:16   作者：傷心的咸魚君  
這篇文章主要介紹了Vue中Object.assign清空數(shù)據(jù)報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

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

想清空Vue中的data數(shù)據(jù)報(bào)錯(cuò)也許是沒有改變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()

用于對象合并

普通合并

<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)對象，其余的參數(shù)為原對象，所有的原對象都會(huì)合并到目標(biāo)對象
  • 也就是第一個(gè)參數(shù)的原內(nèi)容會(huì)被改變
  • 如果目標(biāo)對象與源對象有同名屬性，或多個(gè)源對象有同名屬性，則后面的屬性會(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ù)為對象，直接返回該參數(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ù)不是對象，則會(huì)先轉(zhuǎn)成對象，然后返回。

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

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

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

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

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

如果非對象參數(shù)出現(xiàn)在源對象的位置（即非首參數(shù)），那么處理規(guī)則有所不同。首先，這些參數(shù)都會(huì)轉(zhuǎn)成對象，如果無法轉(zhuǎn)成對象，就會(huì)跳過。這意味著，如果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)對象，其他值都不會(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" }

對象合并的時(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]}}}

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論