JavaScript學習筆記（三）——物件
摘要：
第四章 理解物件
1 說明
物件的狀態：屬性，行為：方法；
物件定義放在花括號內；
用冒號分隔屬性名和屬性值；
用逗號分隔屬性名和屬性值對，包括方法；
最後一個屬性值後面不加逗號；
屬性名可以是任何字串，但通常遵循變數命名規則，包含空格時必須用引號將其括起來；
...
第四章 理解物件
1 說明
物件的狀態：屬性，行為：方法；
物件定義放在花括號內；
用冒號分隔屬性名和屬性值；
用逗號分隔屬性名和屬性值對，包括方法；
最後一個屬性值後面不加逗號；
屬性名可以是任何字串，但通常遵循變數命名規則，包含空格時必須用引號將其括起來；
同一個物件中不能包含兩個同名的屬性；
句點表示法訪問物件，當然也可以用方括號方法（更為靈活且需注意無逗號）；
新增新屬性：指定新屬性並賦值：fiat.needsWashing=true;
刪除屬性：delete fido.dogYears;（刪除成功返回true）;
建立一個無屬性的物件: var lookMaNoProps={ };
將物件資訊顯示到控制檯: console.log(fiat);
函式中傳遞的是物件的引用，因此在函式中對物件的修改有效；
2 例項1:
1 <script language="JavaScript" type="text/JavaScript">
2 function getSecret(file,secretPassword)
3 {
4 file.opened=file.opened+1;
5 if(secretPassword==file.password)
6 return file.contents;
7 else
8 return "Invalid password! No secret for you.";
9 }
10 function setScret(file,secretPassword,secret)
11 {
12 if(secretPassword==file.password)
13 {
14 file.opened=0;
15 file.contents=secret;
16 }
17 }
18 var superSecretFile={
19 level:"classifiled",
20 opened:0,
21 password:2168,
22 contents: "Dr. Evel's next meeting is in Detroit."
23 };
24 var secret=getSecret(superSecretFile,2168);
25 console.log(secret);
26 var secret1=getSecret(superSecretFile,2152);
27 console.log(secret1);
28 setScret(superSecretFile,2168,"Dr . Evel's next meeting is in Philadelphia");
29 secret=getSecret(superSecretFile,2168);
30 console.log(secret);
31 </script>
3 例項2：
1 <!doctype html>
2
3 <html lang="en">
4
5 <head>
6
7 <title>Battleship</title>
8
9 <meta charset="utf-8">
10
11 </head>
12
13 <body>
14
15 <script language="JavaScript" type="text/JavaScript">
16
17 function makeCar()
18
19 {
20
21 var makes=["Chevy","GM","Fiat","Webville Motors","Tucker"];
22
23 var models=["Cadillac","500","Bel-Air","Taxi","Torpedo"];
24
25 var years=[1955,1957,1948,1954,1961];
26
27 var colors=["red","blue","tan","yellow","white"];
28
29 var convertile=[true,false];
30
31
32
33 var rand1=Math.floor(Math.random()*makes.length);
34
35 var rand2=Math.floor(Math.random()*models.length);
36
37 var rand3=Math.floor(Math.random()*years.length);
38
39 var rand4=Math.floor(Math.random()*colors.length);
40
41 var rand5=Math.floor(Math.random()*5)+1;
42
43 var rand6=Math.floor(Math.random()*2);
44
45
46
47 var car={
48
49 make:makes[rand1],
50
51 model:models[rand2],
52
53 year:years[rand3],
54
55 color:colors[rand4],
56
57 passengers:rand5,
58
59 convertile:convertile[rand6],
60
61 mileage:0,
62
63 fuel:0,
64
65 started:false,
66
67
68
69 start:function(){
70
71 this.started=true;
72
73 },
74
75 stop:function(){
76
77 this.started=false;
78
79 },
80
81 drive:function(){
82
83 if(this.started)
84
85 {
86
87 if(this.fuel>0)
88
89 alert("Zoom zoom!");
90
91 else
92
93 {
94
95 alert("Uh , oh ,out of fuel!");
96
97 this.stop();
98
99 }
100
101 }
102
103 else
104
105 alert("You need to start the engine first!");
106
107 },
108
109 addFuel:function(amount){
110
111 this.fuel+=amount;
112
113 }
114
115 };
116
117 return car;
118
119 }
120
121 function displayCar(car)
122
123 {
124
125 console.log("Your new car is a "+car.year+" "+car.make+" "+car.model);
126
127 }
128
129 var Cadillac=makeCar();
130
131 displayCar(Cadillac);
132
133 //訪問物件中的屬性
134
135 //方法一：迭代器
136
137 for(var pup in Cadillac)
138
139 {
140
141 console.log(pup+" : "+Cadillac[pup]);
142
143 }
144
145 //方法二：句點訪問法和方括號訪問法
146
147 console.log("You new car 's color is "+Cadillac.color);
148
149 console.log("Your car counld hold "+Cadillac["passengers"]+" people.");
150
151 console.log("Your car counld hold "+Cadillac["passe"+"ngers"]+" people.");
152
153
154
155 Cadillac.drive();//開車
156
157 Cadillac.start();//啟動
158
159 Cadillac.drive();//開車
160
161 Cadillac.addFuel(15);//加油
162
163 Cadillac.start();//啟動
164
165 Cadillac.drive();//開車
166
167 Cadillac.stop();//熄火
168
169 Cadillac.drive();//開車
170
171 </script>
172
173 </body>
174 </html>
4 物件拓展
JavaScript提供：
Date， Math， RegExp(字串中查詢)， JSON(與其他應用程式交換js物件)
瀏覽器提供：
Doucument(寫入網頁)，Windows(，與瀏覽器相關)，Console(與控制檯相關)