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

　　在現(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ī)的方法：打電話(huà)、發(fā)短信、看視頻、聽(tīng)音樂(lè)。

　　在代碼中，屬性可以看成是對(duì)象中保存的一個(gè)變量，使用“對(duì)象.屬性名”，方法可以看成是對(duì)象中保存的一個(gè)函數(shù)，使用“對(duì)象.方法名()”進(jìn)行訪(fǎng)問(wèn)。假設(shè)現(xiàn)在有一個(gè)手機(jī)對(duì)象p1，則可以用以下代碼來(lái)訪(fǎng)問(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('打電話(huà)給' + num);

},

sendMessage: function(num, message) {

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

},

playVideo: function() {

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

},

playMusic: function() {

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

}

};

// 訪(fǎng)問(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ī)的撥打電話(huà)方法，撥打號(hào)碼為123

p1.sendMessage('123', 'hello');   // 給電話(huà)號(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ā)。

猜你喜歡：

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

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

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