Datentypen/ Strukturen

JavaScript - Strukturen - Datentypen

Einbinden von JavaScript in eine HTML-Datei

Um ein JavaScript-Quelltext durchzuführen kann man den Text auf zwei Arten in den HTML-Text einbinden.

Variante 1

Die erste Variante ist auch die einfachste. Hier wird der JavaScript-Quelltext direkt in den HTML-Code eingebettet.

<html>
<head><title>Test</title>
<script type="text/javascript">
<!––
alert("Hallo Welt!");
––>
</script>
</head>
<body>
</body>
</html>

Der Browser sollte bei dem Beispiel ein Dialogfenster anzeigen mit der Aufschrift “Hallo Welt!”. Wäre ein ein Fehler im Quelltext würde der Browser “<!––” als HTML-Kommentar erkennen und nicht weiter beachten

Variante 2

Bei der zweite Variante wird der Quelltext in eine externe Datei abgelegt und als .js-Datei gespeichert.

alert("Hallo Welt!");

Im HTML-Dokument muss nun ein entsprechender Verweis auf die Datei erfolgen.

<html>
<head><title>Test</title>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>

Das Ergebnis ist wie bei Variante 1 ein Dialogfeld mit der Aufschrift “Hallo Welt!”.

Variablen und Objekte

Nachdem man sich für eine Variante entschieden hat ist es an der Zeit zu erfahren wie Variablen zugewiesen und Objekte angesprochen werden.

Variablen sind Zeiger für bestimmte Informationen, diese können verschiedenen Datentypen angehören (siehe folgende Tabelle).

Datentyp	Bedeutung
Boolean	Boolscher Wert, Wahrheitswert (False und True)
number	Zahlen, Integer oder Float, Wichtig als “,” wird der “.” verwendet
String	Zeichenkette
undefined	Variable ohne Zuweisung
array	Ansammlung von verschiedenen Daten in einem Feld
object(Objekte)	Ansammlung von Eigenschaften und Methoden, Es gibt drei verschiedene Arten von Objekten {die von der Sprache zur Verfügung gestellt werden (Array, Boolean, Date, Math, Number, String), die vom Client-Browser zur Verfügung gestellt werden (window, document, …), die der Programmierer konstruiert}

Variablen/ Arrays anlegen

Es gibt mehrere verschiedene Arten Variablen bzw. Arrays anzulegen.
Man kann Variablen vor ihrer Verwendung deklarieren. Die Deklaration reserviert Speicherplatz. Es nicht nötig, den Datentyp festzulegen. Dies geschieht allein durch Zuweisung eines Variablenwertes. Wenn Variablen deklarariert werden dann gelten diese hauptsächlich global. Ausser man legt die Variablen in einer Funktion fest, dann gelten sie in der Funktion. Die Variablennamen dürfen eine beliebige Länge haben, aber kein Leerzeichen enthalten.
Dabei wird sehr auf Groß- und Kleinschreibung geachtet und dürfen keine Schlüsselwörter von JavaScript sein.

Variablendeklaration: 

Bsp.: var a, x_wert, y_wert, name;


Wertzuweisung:

Bsp.: Variablenname = Wert; a = false; ODER x_wert = 3.654;



Initialisierung: 

var Variablenname = Wert; 	
var Kohle = 1E6; 
ODER var Licht = true; 
ODER var stadt = "Plauen";

Arrays oder Felder von Variablen werden wie folgt gehandhabt:

Deklaration: 

var ArrayName = new Array (Größe); 	
var person = new Array(100);


Wertzuweisung: 

ArrayName[Nummer] = Wert;  	
person[0] = "Peter"; person[1]= "Manfred"; person[2]="Karl"; 


Initialisierung: 

var Variablenname = new Array (Wert1, Wert2, .. ); 
	var name = new Array ("Müller","Lehmann","Schulze",..); 

Ergebnis: name[1] hat den Wert Lehmann.


Erweiterung: 

var berg  = new Array (5); berg[27] = "Mount Everest"

Arrays zählen immer ab 0. Sie müssen nicht lückenlos belegt sein. Sie können nachträglich erweitert, aber nicht verkleinert werden. Arrays können nur eine Dimension besitzen, allerdings kann für einzelne oder alle Arraykomponenten ein jeweils neues Array angelegt werden. Die Schachtelungstiefe ist nicht beschränkt. Der Zugriff auf erfolgt dann mit: ArrayName[Dim1_Nummer],[Dim2_Nummer]. Arrays können Daten unterschiedlicher Typen enthalten, deshalb kann JavaScript komplette Datenbankdateien innerhalb eines Arrays handhaben.