全國(guó)咨詢(xún)/投訴熱線:400-618-4000

首頁(yè)技術(shù)文章正文

JS中的對(duì)象是什么?它有哪些屬性和變量?

更新時(shí)間:2020-11-20 來(lái)源:黑馬程序員 瀏覽量:

  在現(xiàn)實(shí)生活中,對(duì)象是一個(gè)具體的事物,是一種看得見(jiàn)、摸得著的東西。例如,一本書(shū)、一輛汽車(chē)、一個(gè)人,可以看成是“對(duì)象”。在計(jì)算機(jī)中,一個(gè)網(wǎng)頁(yè)、一個(gè)與遠(yuǎn)程服務(wù)器建立的連接也可以看成是“對(duì)象”。

  在JavaScript中,對(duì)象是一種數(shù)據(jù)類(lèi)型,它是由屬性和方法組成的一個(gè)集合。屬性是指事物的特征,方法是指事物的行為。例如,在JavaScript中描述一個(gè)手機(jī)對(duì)象,則手機(jī)擁有的屬性和方法如下所示。

  手機(jī)的屬性:顏色、重量、屏幕尺寸。

  手機(jī)的方法:打電話、發(fā)短信、看視頻、聽(tīng)音樂(lè)。

  在代碼中,屬性可以看成是對(duì)象中保存的一個(gè)變量,使用“對(duì)象.屬性名”,方法可以看成是對(duì)象中保存的一個(gè)函數(shù),使用“對(duì)象.方法名()”進(jìn)行訪問(wèn)。假設(shè)現(xiàn)在有一個(gè)手機(jī)對(duì)象p1,則可以用以下代碼來(lái)訪問(wèn)p1的屬性或調(diào)用p1的方法。

// 假設(shè)現(xiàn)在有一個(gè)手機(jī)對(duì)象p1,通過(guò)代碼創(chuàng)建出來(lái)

var p1 = {

 color: '黑色',

 weight: '188g',

 screenSize: '6.5',

 call: function(num) {

  console.log('打電話給' + num);

},

sendMessage: function(num, message) {

 console.log('給' + num + '發(fā)短信,內(nèi)容為:' + message);

},

playVideo: function() {

 console.log('播放視頻');

},

playMusic: function() {

 console.log('播放音樂(lè)');

}

};

// 訪問(wèn)p1的屬性

console.log(p1.color);    // 輸出結(jié)果:“黑色”,表示手機(jī)的顏色為黑色

console.log(p1.weight);   // 輸出結(jié)果:“188g”,表示手機(jī)的重量為188克

console.log(p1.screenSize); // 輸出結(jié)果:“6.5”,表示手機(jī)的屏幕尺寸為6.5英寸

// 調(diào)用p1的方法

p1.call('123');           // 調(diào)用手機(jī)的撥打電話方法,撥打號(hào)碼為123

p1.sendMessage('123', 'hello');   // 給電話號(hào)碼123發(fā)短信,內(nèi)容為hello

p1.playVideo();           // 調(diào)用手機(jī)的播放視頻方法

p1.playMusic();           // 調(diào)用手機(jī)的播放音樂(lè)方法

  從上述代碼可以看出,對(duì)象的屬性和變量的使用方法類(lèi)似,對(duì)象的方法和函數(shù)的使用方法類(lèi)似。通過(guò)對(duì)象可以把一系列的屬性和方法集合起來(lái),用一個(gè)簡(jiǎn)單的變量名p1來(lái)表示。有了對(duì)象以后,開(kāi)發(fā)人員面對(duì)的不再是一個(gè)個(gè)孤立的變量和函數(shù),而是一個(gè)個(gè)功能強(qiáng)大的對(duì)象,利用這些對(duì)象可以更高效地完成項(xiàng)目的開(kāi)發(fā)。

猜你喜歡:

6天玩轉(zhuǎn)電子商務(wù)ECharts數(shù)據(jù)可視化項(xiàng)目

js中修改this的指向方法匯總

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢(xún) 我要報(bào)名
和我們?cè)诰€交談!