JavaScript 對象
JavaScript 中的所有事物都是對象：字符串、數值、數組、函數...
此外，JavaScript 允許自定義對象。
所有事物都是對象
JavaScript 提供多個內建對象，比如 String、Date、Array 等等。 對象只是帶有屬性和方法的特殊數據類型。
布爾型可以是一個對象。
數字型可以是一個對象。
字符串也可以是一個對象
日期是一個對象
數學和正則表達式也是對象
數組是一個對象
甚至函數也可以是對象
JavaScript 對象
對象只是一種特殊的數據。對象擁有屬性和方法。
訪問對象的屬性
屬性是與對象相關的值。
訪問對象屬性的語法是：
這個例子使用了 String 對象的 length 屬性來獲得字符串的長度：
var x=message.length;
在以上代碼執(zhí)行后，x 的值將是：
訪問對象的方法
方法是能夠在對象上執(zhí)行的動作。
您可以通過以下語法來調用方法：
這個例子使用了 String 對象的 toUpperCase() 方法來將文本轉換為大寫：
var x=message.toUpperCase();
在以上代碼執(zhí)行后，x 的值將是：
創(chuàng)建 JavaScript 對象
通過 JavaScript，您能夠定義并創(chuàng)建自己的對象。
創(chuàng)建新對象有兩種不同的方法：
定義并創(chuàng)建對象的實例
使用函數來定義對象，然后創(chuàng)建新的對象實例
創(chuàng)建直接的實例
這個例子創(chuàng)建了對象的一個新實例，并向其添加了四個屬性：
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> </head> <body> <script> var person=new Object(); person.firstname="John"; person.lastname="Doe"; person.age=50; person.eyecolor="blue"; document.write(person.firstname + " is " + person.age + " years old."); </script> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
替代語法（使用對象 literals）：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.cn)</title>
</head>
<body>
<script>
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
使用對象構造器
本例使用函數來構造對象：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.cn)</title>
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
在JavaScript中，this通常指向的是我們正在執(zhí)行的函數本身，或者是指向該函數所屬的對象（運行時）
創(chuàng)建 JavaScript 對象實例
一旦您有了對象構造器，就可以創(chuàng)建新的對象實例，就像這樣：
var myMother=new person("Sally","Rally",48,"green");
把屬性添加到 JavaScript 對象
您可以通過為對象賦值，向已有對象添加新屬性：
假設 personObj 已存在 - 您可以為其添加這些新屬性：firstname、lastname、age 以及 eyecolor：
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";
x=person.firstname;
T在以上代碼執(zhí)行后，x 的值將是：
把方法添加到 JavaScript 對象
方法只不過是附加在對象上的函數。
在構造器函數內部定義對象的方法：
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}changeName() 函數 name 的值賦給 person 的 lastname 屬性。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.cn)</title>
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name){
this.lastname=name;
}
}
myMother=new person("Sally","Rally",48,"green");
myMother.changeName("Doe");
document.write(myMother.lastname);
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
JavaScript 類
JavaScript 是面向對象的語言，但 JavaScript 不使用類。
在 JavaScript 中，不會創(chuàng)建類，也不會通過類來創(chuàng)建對象（就像在其他面向對象的語言中那樣）。
JavaScript 基于 prototype，而不是基于類的。
JavaScript for...in 循環(huán)
JavaScript for...in 語句循環(huán)遍歷對象的屬性。
語法
for (variable in object)
{
執(zhí)行的代碼……
}注意： for...in 循環(huán)中的代碼塊將針對每個屬性執(zhí)行一次。
實例
循環(huán)遍歷對象的屬性：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(php.cn)</title>
</head>
<body>
<p>點擊下面的按鈕，循環(huán)遍歷對象 "person" 的屬性。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例