JavaScript 物件

JavaScript 物件

JavaScript 物件是擁有屬性和方法的資料。

真實生活中的對象,屬性與方法

真實生活中,一個人是一個對象。

物件有它的屬性,如身高和體重等,方法有工作休息等。

所有人都有這些屬性,但是每個人的屬性都不盡相同。

所有人都擁有這些方法,但是它們被執行的時間都不盡相同。

JavaScript 物件

在 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 物件是變數的容器。    

物件定義

你可以使用字元來定義並建立 JavaScript 物件

  <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
var person = {firstName:"jack", lastName:"chen", age:35, height:"183cm"};
document.getElementById("demo").innerHTML =
person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>
</html>
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="demo"></p> <script> var person = {firstName:"jack", lastName:"chen", age:35, height:"183cm"}; document.getElementById("demo").innerHTML = person.firstName + " 现在 " + person.age + " 岁."; </script> </body> </html>