JavaScript 對象是擁有屬性和方法的數(shù)據。
真實生活中,一輛汽車是一個對象。
對象有它的屬性,如重量和顏色等,方法有啟動停止等:
對象 | 屬性 | 方法 |
---|---|---|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
所有汽車都有這些屬性,但是每款車的屬性都不盡相同。
所有汽車都擁有這些方法,但是它們被執(zhí)行的時間都不盡相同。
在 JavaScript中,幾乎所有的事物都是對象。
![]() |
在 JavaScript 中,對象是非常重要的,當你理解了對象,就可以了解 JavaScript 。 |
---|
你已經學習了 JavaScript 變量的賦值。
以下代碼為變量 car 設置值為 "Fiat" :
var car = "Fiat";
對象也是一個變量,但對象可以包含多個值(多個變量)。
var car = {type:"Fiat", model:500, color:"white"};
在以上實例中,3 個值 ("Fiat", 500, "white") 賦予變量 car。
在以上實例中,3 個變量 (type, model, color) 賦予變量 car。
![]() |
JavaScript 對象是變量的容器。 |
---|
你可以使用字符來定義和創(chuàng)建 JavaScript 對象:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
定義 JavaScript 對象可以跨越多行,空格跟換行不是必須的:
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
可以說 "JavaScript 對象是變量的容器"。
但是,我們通常認為 "JavaScript 對象是鍵值對的容器"。
鍵值對通常寫法為 name : value (鍵與值以冒號分割)。
鍵值對在 JavaScript 對象通常稱為 對象屬性。
![]() |
JavaScript 對象是屬性變量的容器。 |
---|
對象鍵值對的寫法類似于:
你可以通過兩種方式訪問對象屬性:
person.lastName;
person["lastName"];
對象的方法定義了一個函數(shù),并作為對象的屬性存儲。
對象方法通過添加 () 調用 (作為一個函數(shù))。
該實例訪問了 person 對象的 fullName() 方法:
name = person.fullName();
如果你要訪問 person 對象的 fullName 屬性,它將作為一個定義函數(shù)的字符串返回:
name = person.fullName;
![]() |
JavaScript 對象是屬性和方法的容器。 |
---|
在隨后的教程中你將學習到更多關于函數(shù),屬性和方法的知識。
你可以使用以下語法創(chuàng)建對象方法:
methodName : function() { code lines }
你可以使用以下語法訪問對象方法:
objectName.methodName()
通常 fullName() 是作為 person 對象的一個方法, fullName 是作為一個屬性。
有多種方式可以創(chuàng)建,使用和修改 JavaScript 對象。
同樣也有多種方式用來創(chuàng)建,使用和修改屬性和方法。
![]() | ![]() .. 定價:¥133 優(yōu)惠價:¥133.0 更多書籍 |
![]() | ![]() .. 定價:¥124 優(yōu)惠價:¥124.0 更多書籍 |