最新的Web開發教程
 

JavaScript對象


現實生活中的對象,屬性和方法

在現實生活中,汽車是一個對象

汽車有類似的重量和顏色屬性 ,而像啟動和停止方法

目的 屬性 方法

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

所有的汽車都有相同的屬性 ,但屬性值不同,從車來車。

所有的汽車具有相同的方法 ,但在不同的時間被執行的方法。


JavaScript對象

你已經學會了JavaScript的變量數據值容器。

這個代碼的簡單賦值 (Fiat)給一個變量命名的車:

var car = "Fiat";
試一試»

對象是變量太多。 但是,對象可以包含許多值。

此代碼將多個值 (Fiat, 500, white)到名為car 變量

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

這些值寫為名稱:值對(名稱和冒號分隔值)。

JavaScript對象是名為值的容器。


對象屬性

名稱:值對(在JavaScript對象)被稱為屬性

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

屬性 屬性值
firstName John
lastName Doe
age 50
eyeColor blue

對象的方法

方法是,可以在對象上執行的動作

方法被存儲在屬性函數定義

屬性 屬性值
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

JavaScript對象是所謂的屬性或方法命名的值的容器。


對象定義

您可以定義(創造)與對象文本的JavaScript對象:

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

空格和換行並不重要。 對象定義可以跨越多行:

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

訪問對象屬性

您可以通過兩種方式訪問對象屬性:

objectName.propertyName

要么

objectName["propertyName"]

例1

person.lastName;
試一試»

例2

person["lastName"];
試一試»

訪問對象的方法

您訪問以下語法的對象的方法:

objectName.methodName()

name = person.fullName();
試一試»

如果您訪問的fullName 財產,()它會返回函數定義

name = person.fullName;
試一試»

不要聲明字符串,數字和布爾值的對象!

當一個JavaScript變量與關鍵字聲明的"new" ,變量創建為一個對象:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

避免字符串,數字,和布爾對象。 他們複雜的代碼,並減慢運行速度。

您將了解對象在本教程後面。


自測練習用!

練習1» 練習2» 練習3»