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