給對(duì)象添加屬性的方式

第第頁(yè)給對(duì)象添加屬性的方式給對(duì)象添加屬性的方式

在面對(duì)對(duì)象的時(shí)候，給它添加一些屬性可以幫助我們更好的描述這個(gè)對(duì)象，有利于我們?cè)谑褂盟臅r(shí)候更有效的操作它。而給對(duì)象添加屬性的方式有很多，比如通過(guò)構(gòu)造函數(shù)、繼承等等，不同的方式有不同的效果，因此，如果我們想要正確使用這些屬性，就必須要知道如何正確的添加它們。

listening首先，通過(guò)構(gòu)造函數(shù)添加屬性。在JavaScript中，構(gòu)造函數(shù)就像一個(gè)模板，它可以創(chuàng)建一個(gè)新的對(duì)象，然后為它添加屬性和方法。比如，我們可以使用構(gòu)造函數(shù)來(lái)創(chuàng)建一個(gè)Person對(duì)象，并給它添加name、age和gender這三個(gè)屬性：

```javascript

hightechnologyfunctionPerson(name,age,gender){

=name;

this.age=age;

der=gender;

}

在線(xiàn)培訓(xùn)機(jī)構(gòu)哪個(gè)好//建一個(gè)Person對(duì)象

varp1=newPerson(jack20,male

```

上面的代碼中，我們定義了一個(gè)Person構(gòu)造函數(shù)，它可以接收三個(gè)參數(shù)：name、age和gender。然后，我們使用new關(guān)鍵字創(chuàng)建一個(gè)新的Person對(duì)象，并把這三個(gè)參數(shù)作為實(shí)參傳遞給構(gòu)造函數(shù)，這樣就可以給這個(gè)對(duì)象添加name、age和gender這三個(gè)屬性，并且他們的屬性值就是我們提供的實(shí)參的值。

其次，通過(guò)繼承添加屬性。繼承可以幫助我們?cè)趧?chuàng)建新的對(duì)象時(shí)，不用重復(fù)定義已有屬性，而是可以直接從父類(lèi)中繼承所有屬性和方法，這樣可以減少資源浪費(fèi)。比如，我們可以通過(guò)定義一個(gè)Animal類(lèi)，然后再定義一個(gè)Dog類(lèi)，繼承Animal，Dog就可以繼承Animal的所有屬性和方法：

```javascript

//義Animal類(lèi)

奧斯卡獲獎(jiǎng)影片functionAnimal(name,age){

.rtcscls-1-p_0{text-align:center;}.rtcscls-1-p_1{text-align:left;}.rtcscls-1-r_0{font-size:18px;}.rtcscls-1-r_1{font-size:18px;font-weight:700;}.rtcscls-1-r_2{font-size:18px;}.rtcscls-1-r_3{font-size:18px;}.rtcscls-1-s_p_1{text-align:justify;}.rtcscls-1-s_p_10_rId_a3{text-align:left;}.rtcscls-1-s_p_13_rId_a4{border-bottom:1pxnone#000000;border-left:1pxnone#000000;border-right:1pxnone#000000;border-top:1pxnone#000000;}.rtcscls-1-s_p_4_rId_a{text-align:justify;}.rtcscls-1-s_r_0{}.rtcscls-1-s_r_11_rId_a3{font-size:18px;}.rtcscls-1-s_r_14_rId_a4{font-size:18px;}.rtcscls-1-s_r_2{font-size:18px;}.rtcscls-1-s_r_5_rId_a{font-size:18px;}.rtcscls-1-s_sn_12_rId_a4{}.rtcscls-1-s_sn_15_rId_a5{}.rtcscls-1-s_sn_3_rId_a{}.rtcscls-1-s_sn_6_rId_a0{}.rtcscls-1-s_sn_7_rId_a1{}.rtcscls-1-s_sn_9_rId_a3{}.rtcscls-1-s_tbl_8_rId_a1{}=name;

this.age=age;

avn}

//義Dog類(lèi)，繼承Animal

functionDog(name,age,breed){

analy是什么意思Animal.call(this,name,age);

this.breed=breed;

}

歐洲杯英文

//建一個(gè)Dog對(duì)象

vard1=newDog(Lucy5,Labrador

```

上面的代碼中，我們先定義了一個(gè)Animal類(lèi)，然后定義了一個(gè)Dog類(lèi)，通過(guò)Animal.call(this,name,age)這句代碼，我們把Animal中的name和age屬性引入到Dog類(lèi)中，這樣，在創(chuàng)建Dog對(duì)象的時(shí)候，就可以直接用name和age這兩個(gè)屬性了。

另外，還有一種比較特殊的方式添加屬性，那就是使用Object.defineProperty()這個(gè)函數(shù)。它可以用來(lái)定義或者修改對(duì)象的屬性，并且把屬性標(biāo)記為只讀或者可寫(xiě)，從而控制對(duì)象的訪(fǎng)問(wèn)范圍。比如，我們可以定義一個(gè)對(duì)象，并且使用Object.defineProperty()函數(shù)為這個(gè)對(duì)象添加name屬性：

```javascript

varperson={};

愛(ài)詞霸下載Object.defineProperty(person,name{largerthanlife

value:jack

writable:fal

});

//取person的name屬性

console.log();//jack

//修改person的name屬性

=john

console.log();//jack

```

上面的代碼中，我們使用Object.defineProperty()函數(shù)給person對(duì)象添加一個(gè)name屬性，并且設(shè)置這個(gè)屬性的writable參數(shù)為fal，這樣一來(lái)，name屬性就變成了只讀屬性，因此，當(dāng)我們?cè)噲D把name屬性的值設(shè)置為其他值的時(shí)候，就會(huì)報(bào)錯(cuò)。

onscls-2-p_0{text-align:left;}.rtcscls-2-r_0{font-size:18px;}.rtcscls-2-r_1{font-size:18px;}.rtcscls-2-s_p_1{text-align:justify;}.rtcscls-2-s_p_10_rId_a3{text-align:left;}.rtcscls-2-s_p_13_rId_a4{border-bottom:1pxnone#000000;border-left:1pxnone#000000;border-right:1pxnone#000000;border-top:1pxnone#000000;}.rtcscls-2-s_p_4_rId_a{text-align:justify;}.rtcscls-2-s_r_0{}.rtcscls-2-s_r_11_rId_a3{font-size:18px;}.rtcscls-2-s_r_14_rId_a4{font-size:18px;}.rtcscls-2-s_r_2{font-size:18px;}.rtcscls-2-s_r_5_rId_a{font-size:18px;}.rtcscls-2-s_sn_12_rId_a4{}.rtcscls-2-s_sn_15_rId_a5{}.rtcscls-2-s_sn_3_rId_a{}.rtcscls-2-s_sn_6_rId_a0{}.rtcscls-2-s_sn_7_rId_a1{}.rtcscls-2-s_sn_9_rId_a3{}.rtcscls-2-s_tbl_8_rId_a1{}以上就是給對(duì)象添加屬性的幾種方式，它們都各有優(yōu)劣，在實(shí)際使用時(shí)，我們可以根據(jù)自己的目的來(lái)權(quán)衡，選擇適合自己的方式來(lái)添加屬性。

.rtcscls-3-p_0{text-align:left;}.rtcscls-3-r_0{font-size:18px;}.rtcscls-3-r_1{font-size:18px;}.rtcscls-3-s_p_1{text-align:justify;}.rtcscls-3-s_p_10_rId_a3{text-align:left;}.rtcscls-3-s_p_13_rId_a4{border-bottom:1pxnone#000000;border-left:1pxnone#000000;border-right:1pxnone#000000;border-top:1pxnone#000000;}.rtcscls-3-s_p_4_rId_a{text-align:justify;}.rtcscls-3-s_r_0{}.rtcscls-3-s_r_11_rId_a3{font-size:18px;}.rtcscls-3-s_r_14_rId_a4{font-size:18px;}.rtcscls-3-s_r_2{font-size:18px;}.rtcscls-3-s_r_5_rId_a{font-size:18px;}.rtcscls-3-s_sn_12_