Sieben Details, auf die JavaScript-Einsteiger achten sollten

Jede Sprache hat ihre eigenen Besonderheiten. Mit var können Sie Variablen jeden Typs deklarieren, aber das Schreiben von elegantem Code erfordert kontinuierliche Erfahrung. Dieser Artikel listet sieben Details auf, auf die JavaScript-Anfänger achten sollten, und teilt sie mit Ihnen.

(1) Vereinfachen Sie den Code

Es ist sehr einfach, Objekte und Arrays in JavaScript zu definieren. Wir möchten ein Objekt erstellen, das normalerweise so geschrieben wird:

1 var

car =
new

Object();
2 car.colour =
red
;
3 car.wheels = 4;
4 Auto. Radkappen =
Spinning
;
5 Auto.Alter = 4;

Die folgende Schreibweise kann den gleichen Effekt erzielen:

1 Var

Auto = {
2
Farbe:
rot
,
3
Räder:4,
4 Radkappen:
drehend
,
5 Alter: 4 
6🎜>

Die folgende Schreibweise ist viel kürzer und Sie müssen den Objektnamen nicht wiederholt schreiben. Achten Sie darauf, nach den geschweiften Klammern kein Semikolon einzufügen, da sonst ein Fehler im IE auftritt.

Darüber hinaus gibt es auch eine übersichtliche Möglichkeit, Arrays zu schreiben. In der Vergangenheit haben wir Arrays wie folgt deklariert:

1 var

moviesThatNeedBetterWriters =
new

Array(
2
Transformers
,
Transformers2
,
Avatar
,
Indiana Jones 4
3 );

ist prägnanter. Die Schreibmethode ist:

1 var

moviesThatNeedBetterWriters = [
2
Transformers
,
Transformers2
,
Avatar
,
Indiana Jones 4
3 ];

Für Arrays gibt es eine Besonderheit wie assoziative Arrays. Sie werden feststellen, dass viele Codeobjekte wie folgt definieren:

1 var

car =
new

Array();
2 car[
Farbe
] =
rot
;
3 Auto[
Räder
] = 4;
4 Auto[
Radkappen
] =
spinning
;
5 car[
age
] = 4;

Das ist verrückt, lassen Sie sich nicht verwirren, „assoziatives Array“ ist nur ein Alias ​​für ein Objekt . Eine andere Möglichkeit, den Code zu vereinfachen, besteht darin, den ternären Operator zu verwenden, zum Beispiel:

1 var

direction
2 if
(x < 200){
3
Richtung = 1;
4 }
else

{
5
Richtung = -1;
6 }

Wir können verwenden Der folgende Code ersetzt diese Schreibweise:

1 var

direction = x < 200 ? 1 : -1;

(2) Verwenden Sie JSON als Datenformat. Großartig Douglas Crockford hat das JSON-Datenformat zum Speichern von Daten erfunden. Sie können native Javascript-Methoden verwenden, um komplexe Daten ohne zusätzliche Konvertierung zu speichern, zum Beispiel:

01 var

band = {
02 🎜>{
05                                                                 "Name" <                                   🎜>07 
}, 
08 
{ 
09 
"Name"
:
"Michael Flea Balzary"
, 
10 
" Rolle"
:
"Bassgitarre, Trompete, Hintergrundgesang"
11 
},
12 
{ 
13
"Name"
:
"Chad Smith"
, 
14 
"Rolle"
:
"Schlagzeug, Percussion" 
15 
}, 
16 
{ 
17 
"Name"
:
"John Frusciante"
,
18 
"Rolle"
:
"Leadgitarre"
19 
}
20
],
21
"Jahr"
:
"2009"
22 }

Sie können es direkt in JavaScript verwenden. Mit JSON, auch als von der API zurückgegebenes Format, wird dies JSON?P genannt, das in vielen APIs verwendet wird, wie zum Beispiel:

01 <
div

id
=
"delicious"
>div
><
script
>
02 Funktion köstlich(o){
03
var out = <
ul
>;
04
for(var i=0 ;i<
o.length
;i++){ 
05 
out +=

<
a

href
=
" + o[i].u + "
> +
06 
o[i].d + a
>li
>;
07
}
08
out += ul
>;
09
document.getElementById(delicious). innerHTML = out;
10 }
11 script
> http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious"
>script
>

Call köstlich hier Der Webdienst ruft die neuesten Lesezeichen ab, gibt sie im JSON-Format zurück und zeigt sie dann als ungeordnete Liste an. Im Wesentlichen ist JSON die einfachste Möglichkeit zur Beschreibung komplexer Daten und wird direkt im Browser ausgeführt. Sie können es sogar verwenden, indem Sie die Funktion json_decode() in PHP aufrufen.

1 "FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi-font-family: Times New Roman"
> ;"FONT-SIZE: 14pt"

>(3)"FONT-SIZE: 14pt"

>"FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi-font- Familie: Times New Roman“
>Versuchen Sie,“FONT-FAMILY: Times New Roman“

face=
zu verwenden "Times New Roman"
>Javascript"FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi -font-family: Times New Roman"
>Native function"FONT-FAMILY: 宋体; mso-ascii-font-family: Times New Roman; mso-hansi-font-family: Times New Roman“
>



Um die größte Zahl in einer Zahlenmenge zu finden, könnten wir eine Schleife schreiben, zum Beispiel:

1 var

numbers = [3,342,23,22,124]; 🎜>

max = 0;

3 for

(

var

i=0;i(numbers[i] > max){
5
max = Zahlen[i]; Funktion kann ohne Schleife erreicht werden:

1 var

numbers = [3,342,23,22,124];
2 zahlen.sort(
function
(a,b ){
return

b - a});
3 warning(numbers[0]);

Der einfachste Weg, es zu schreiben ist:

1 Math.max(12,123,3,2,433,4);

// gibt 433 zurück

Sie können Math.max sogar verwenden, um zu erkennen, welches Attribut der Browser unterstützt:

1 var

scrollTop= Math.max(
2
doc.documentElement.scrollTop,
3
doc.body.scrollTop
4 );

If Wenn Sie einem Element einen Klassenstil hinzufügen möchten, könnte die Originalschrift so aussehen:

1 Funktion

addclass(elm,newclass){

2

var

c = elm.className;
elm.className = (c ===

) ? newclass : c+

+newclass; 🎜>Eine elegantere Schreibweise ist:

1 function

addclass(elm,newclass){

2

var

classes = elm.className .split(

);
3
classes.push(newclass);
5 }

(4) Ereignisdelegation

Ereignisse sind ein sehr wichtiger Bestandteil von JavaScript. Wir möchten Klickereignisse an Links in einer Liste binden. Der allgemeine Ansatz besteht darin, eine Schleife zu schreiben und Ereignisse an jedes Linkobjekt zu binden. Der HTML-Code lautet wie folgt:

1

Tolle Webressourcen

  
2

"resources"
>  
3   

• "http://opera.com/wsc"
  >Opera Web Standards Curriculum< ;/a&g