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