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

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

更新時間:2020-11-20 來源:黑馬程序員 瀏覽量:

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

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

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

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

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

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

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('播放音樂');

}

};

// 訪問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ī)的撥打電話方法,撥打號碼為123

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

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

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

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

猜你喜歡:

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

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

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

分享到:
在線咨詢 我要報名
和我們在線交談!