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

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

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

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

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

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

// 假設(shè)現(xiàn)在有一個(gè)手機(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ī)的撥打電話方法，撥打號(hào)碼為123

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

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

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

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

猜你喜歡：

什么是less？Less變量怎樣能實(shí)現(xiàn)CSS樣式

rem是什么？和em單位區(qū)別在哪

web前端培訓(xùn)課程