每種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變量,這門腳本語言看起來很簡單,然而想要寫出優雅的程式碼卻是需要不斷累積經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。
(1)簡化程式碼
JavaScript定義物件和陣列非常簡單,我們想要建立一個對象,一般是這樣寫的:
1 var
car =
new
Object(); colour =
red
;
3 car.wheels = 4;
4 car.hubcaps =
spinning
; 5 car.age = 4;spinning
; 5 car.age = 4;5;
car = {
colour:
red,
3
wheels:4,
6 }
後面的寫法短得多,而且你不需要重複寫對象名稱。注意大括號後面不要加分號,否則IE中會出錯。
另外對於陣列同樣有簡潔的寫法,過去我們聲明數組是這樣寫的:
1 var
moviesThatNeedBetterWriters =
new
Avatar
,Indiana Jones 4
3 );
更簡潔的寫法是:
1 var
moviesThatNeedBetterWriters = Indiana Jones 4
3 ];
對於數組,還有關聯數組這樣一個特別的東西。 你會發現很多程式碼是這樣定義物件的:
1 var
car =
new
2 car[
colour] =
] =
2 car[
col ;
4 car[
hubcaps
] =
spinning
;
5 car[
age
] = 4;
這太瘋狂了,不要覺得自己很困惑,「一個數字組」只是困惑的關聯對象,「一個數字」只是困惑。 另外一個簡單程式碼的方法是使用三元運算符,舉個例子:
1 var
direction;
2 if
(x 3
5
direction = -1;
6 }
我們可以使用以下的程式碼來取代這個寫法:
1 var
direction = x
direction = x
01 var
band = { 02 name"
:
,
03"members"
:[
04 Anthony Kiedis"
,
06
"role"
:
"lead vocals"
07
},
08
{ 10
"role"
:
11
},12
{
13
:
"drums,percussion"15
},
16
{
17 "
:
"John Frusciante"
,
18
"role"
:
"Lead 21
"year"
:
"2009"
22 }
你可以使用在JavaScript中直接使用JSON,甚至作為API返回的一種格式,這就是所謂的JSON ? P,在許多的API中被應用,例如:
01 div
id
=
"delicious"
>
div
>script
>
02 function delicious(o
04
for(var i=0;io.length
;i++){
05
out +=
>盡量使用
"FONT-FAMILY: Times New Roman "
face=
"Times New Roman"
>Javascript
3 for
(var );
if(numbers [i] > max){
5
max = numbers[i];
6
}
7 }
8 alert(}
7 }
8 alert(}
7 }
8 alert();
numbers = [3,342,23,22,124];
2 numbers.sort(
function
(a,b){
return
b - a})
3return
// returns 433
你甚至可以使用Math.max來偵測瀏覽器支援哪一個屬性:
1 varoroll .max(
2
doc.documentElement.scrollTop,
3
doc.body.scrollTop
4 );
2
var
c = elm.className;
elm.className = (c ===
3elm.className = (c ===
3
elm.className = (c ===
3
法是:
1 function
2
var
classes = elm.className.split(
classes = elm.className.split(
類
4
elm.className = classes.join(
);
5 }
(4)事件委託
事件是JavaScript非常重要的一部分。我們想給一個列表中的連結綁定點擊事件,一般的做法是寫一個循環,給每個連結物件綁定事件,HTML程式碼如下:
1