鍍金池/ 問答/HTML/ 對(duì)象內(nèi)的屬性可以直接賦值為另一個(gè)屬性嗎

對(duì)象內(nèi)的屬性可以直接賦值為另一個(gè)屬性嗎

有一個(gè)對(duì)象 a

var a = {
    p1: [1],
    p2: p1
}

我要如何寫是的p2指向p1

回答
編輯回答
蔚藍(lán)色

如果不介意在對(duì)象字面量外寫的話,就是樓上那樣:

var a = {
    p1: [1]
}
a.p2 = a.p1

如果題主要在對(duì)象字面量?jī)?nèi)寫的話,可能要這樣,不過這里 p2 實(shí)際上是訪問器屬性:

var a = {
    p1: [1],
    get p2(){return this.p1},
    set p2(v){this.p1=v}
}

clipboard.png

題主可能是想有這樣的代碼:

var a = {
    p1: [1],
    p2: a.p1//this.p1
};

實(shí)際上都是不行的,因?yàn)閷?duì)象字面量里 this 和 a 都是從作用域鏈中去尋找的,ES6之前只有兩個(gè)作用域,全局或函數(shù),在這里,沒有函數(shù),就是全局作用域,所以 this 和 a 就會(huì)從當(dāng)前全局作用域中去尋找,這個(gè)可以通過下面代碼驗(yàn)證:

window.p1=1;
var a = {
    p1: [1],
    p2: this.p1
}
a.p2// 1 ,全局作用域中,瀏覽器端 this 指向window,所以a.p2被 window.p1 賦值

再考慮下面代碼:

var a={p1:111};
var a = {
    p1: [1],
    p2: a.p1
}
a.p2//111

這個(gè)稍微復(fù)雜些,在這個(gè)賦值表達(dá)式里,

1、先獲得 a 的引用,此時(shí) a 還是指向 {p1:111}
2、計(jì)算右值,通過 var a={p1:111}; 和 a.p1 得出p2=111,p1=[1]
3、把 a 重新指向這個(gè)對(duì)象;

關(guān)于賦值執(zhí)行順序,可以參考這篇博客,再考慮下面代碼:

var b={p1:111};
var a = {
    p1: [1],
    p2: a.p1// 在這里計(jì)算 a.p1值的時(shí)候,由于 var 的變量提升,這里 a 被提前聲明,不過值是 undefined,所以報(bào)錯(cuò):Cannot read property 'p1' of undefined
}

上面的代碼實(shí)際相當(dāng)于:

var a,b;//賦值前值為undefined
b={p1:111};
a = {
    p1: [1],
    p2: a.p1//報(bào)錯(cuò)因?yàn)?a 是 undefined,獲取 undefined 的屬性會(huì)報(bào)錯(cuò)
}
2017年10月5日 09:18
編輯回答
離人歸
var a = {
    p1: [1]
}
a.p2 = a.p1
console.log(a.p1 === a.p2)
2018年6月28日 01:42