JavaScript 對(duì)象

2018-09-21 19:03 更新

JavaScript 對(duì)象


JavaScript 對(duì)象是擁有屬性和方法的數(shù)據(jù)。


真實(shí)生活中的對(duì)象,屬性和方法

真實(shí)生活中,一輛汽車是一個(gè)對(duì)象。

對(duì)象有它的屬性,如重量和顏色等,方法有啟動(dòng)停止等:

對(duì)象 屬性 方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

所有汽車都有這些屬性,但是每款車的屬性都不盡相同。

所有汽車都擁有這些方法,但是它們被執(zhí)行的時(shí)間都不盡相同。


JavaScript 對(duì)象

在 JavaScript中,幾乎所有的事物都是對(duì)象。

Note 在 JavaScript 中,對(duì)象是非常重要的,當(dāng)你理解了對(duì)象,就可以了解 JavaScript 。

你已經(jīng)學(xué)習(xí)了 JavaScript 變量的賦值。

以下代碼為變量 car 設(shè)置值為 "Fiat" :

var car = "Fiat";

對(duì)象也是一個(gè)變量,但對(duì)象可以包含多個(gè)值(多個(gè)變量)。

var car = {type:"Fiat", model:500, color:"white"};

在以上實(shí)例中,3 個(gè)值 ("Fiat", 500, "white") 賦予變量 car。

在以上實(shí)例中,3 個(gè)變量 (type, model, color) 賦予變量 car。

Note JavaScript 對(duì)象是變量的容器。


對(duì)象定義

你可以使用字符來定義和創(chuàng)建 JavaScript 對(duì)象:

實(shí)例

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

嘗試一下 ?

定義 JavaScript 對(duì)象可以跨越多行,空格跟換行不是必須的:

實(shí)例

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

嘗試一下 ?


對(duì)象屬性

可以說 "JavaScript 對(duì)象是變量的容器"。

但是,我們通常認(rèn)為 "JavaScript 對(duì)象是鍵值對(duì)的容器"。

鍵值對(duì)通常寫法為 name : value (鍵與值以冒號(hào)分割)。

鍵值對(duì)在 JavaScript 對(duì)象通常稱為 對(duì)象屬性。

Note JavaScript 對(duì)象是屬性變量的容器。

對(duì)象鍵值對(duì)的寫法類似于:

  • PHP 中的關(guān)聯(lián)數(shù)組
  • Python 中的字典
  • C 語(yǔ)言中的哈希表
  • Java 中的哈希映射
  • Ruby 和 Perl 中的哈希表

訪問對(duì)象屬性

你可以通過兩種方式訪問對(duì)象屬性:

實(shí)例 1

person.lastName;

嘗試一下 ?

實(shí)例 2

person["lastName"];

嘗試一下 ?


對(duì)象方法

對(duì)象的方法定義了一個(gè)函數(shù),并作為對(duì)象的屬性存儲(chǔ)。

對(duì)象方法通過添加 () 調(diào)用 (作為一個(gè)函數(shù))。

該實(shí)例訪問了 person 對(duì)象的 fullName() 方法:

實(shí)例

name = person.fullName();

嘗試一下 ?

如果你要訪問 person 對(duì)象的 fullName 屬性,它將作為一個(gè)定義函數(shù)的字符串返回:

實(shí)例

name = person.fullName;

嘗試一下 ?

 

Note JavaScript 對(duì)象是屬性和方法的容器。

在隨后的教程中你將學(xué)習(xí)到更多關(guān)于函數(shù),屬性和方法的知識(shí)。


訪問對(duì)象方法

你可以使用以下語(yǔ)法創(chuàng)建對(duì)象方法:

methodName : function() { code lines }

你可以使用以下語(yǔ)法訪問對(duì)象方法:

objectName.methodName()

通常 fullName() 是作為 person 對(duì)象的一個(gè)方法, fullName 是作為一個(gè)屬性。

有多種方式可以創(chuàng)建,使用和修改 JavaScript 對(duì)象。

同樣也有多種方式用來創(chuàng)建,使用和修改屬性和方法。

Note 在隨后的教程中,你將學(xué)習(xí)到更多關(guān)于對(duì)象的知識(shí)。


更多實(shí)例

創(chuàng)建 JavaScript 對(duì)象 I

創(chuàng)建 JavaScript 對(duì)象 II

訪問對(duì)象屬性 I

訪問對(duì)象屬性 II

函數(shù)屬性作為一個(gè)方法訪問

函數(shù)屬性作為一個(gè)屬性訪問

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)