Kapitel 4 - JavaScript

Question 1

Was ist die Sprache JavaScript? (4)

Answer 1

• Objekt-orientierte, dynamische Skriptsprache von Netscape
• Nutzt (in der Regel) den Browser als Laufzeitumgebung
• Ermöglicht es, dynamisch erzeugte Inhalte anzuzeigen
• Hierfür Zugriff auf das Document Object Model möglich

Question 2

Was ist das Document Object Model? (4)

Answer 2

• Baumartige Datenstruktur im Hauptspeicher des Browsers
• Beinhaltet alle Elemente einer angezeigten HTML-Seite
• Dient als Grundlage, auf der eine Seite gerendert wird
• Nachträgliche Änderungen werden sofort angezeigt

Question 3

Wie geht JavaScript mit Variablen um? (4)

Answer 3

• Variablen mssen vor ihrer Verwendung nicht definiert werden
• Ohne Zusatz sind Variablen immer global
• Globale Variablen sind an das window-Objekt gebunden
• Nicht vorhandene Variablen haben den Wert undefined

x = 5; amount = (7*8); usw…

Question 4

Wie geht JavaScript mit Bedingungen und Schleifen um?

Answer 4

Bedingungen und Schleifen funktionieren wie von Java gewohnt!

if (==5) {…}

while (x < 10) {…}

Question 5

Wie ist die Syntax von Methodenaufrufen von JavaScript?

Answer 5

Die selbe wie in Java!

window.alert(“Hallo”);

Question 6

Wie funktionieren Funktionen in JavaScript?

Answer 6

• ​JavaScript kennt keine Klassen und damit auch keine Methoden
• Stattdessen werden mit function Unterprogramme definiert
• Die beiden gezeigten Schreibweisen sind gleichbedeutend, weil sog. “First Class Citizen”

function show_text(text, count) {…}

show_text = function(text, count) {…}

Question 7

Wie verhält es sich mit Arrays und Listen in JavaScript?

Answer 7

Arrays bzw. Listen werden einfach durch eckige Klammern angelegt!

var numbers = [1, 2, 3, 4];

var words = [“one”, “two”, “three”];

var contacts = [

{id: 137, name:”Ratz”, vorlesung: “VertSys”},

{id: 254, name:”Küstermann”, vorlesung:”WebProg”}

];

(contacts[0] [“name”] == contacts[1] [“name”]) == false

• Geschweifte Klammern definieren ein assoziatives Array
• Zugriff auf Werte mit dict[“key”] oder dict.key erlaubt
• Das Beispiel zeigt eine Liste von assoziativen Arrays / Dictionaries
• Keine direkte Entsprechung in Java, am ehesten Map

Question 8

Was ist die dynamische Typisierung (Duck Typing) in JavaScript?

Answer 8

• If it look like a duck, walks like a duck and quacks like a duck…
• Keine Typangabe bei der Definition von Variablen möglich
• Der Typ ergibt sich aus dem Inhalt und kann sich jederzeit ändern
• Prüfungen bei Variablenzugriffen finden erst zur Laufzeit statt

Question 9

Nennen Sie die 3 möglichkeiten JavaScript in HTML einzubinden

Answer 9

1. Verweis auf externe Datei
2. Code als Teil des Scriptelements
3. Scriptelement im Seitenkörper

Question 10

Wie funktioniert JavaScript mit DOM zusammen? (4)

Answer 10

1. Der Browser lädt eine Webseite mit eingebundenem JavaScript.
2. Daraufhin wird das Document Object Model erstellt und die Seite angezeigt.
3. Der eingebundene JavaScript-Code nimmt eine Änderung am DOM-Baum vor.
4. Die vorgenommene Änderung arbeitet der Browser sofort in die angezeigte Seite ein.

Question 11

Nennen sie die Vorteile von JavaScript

Answer 11

• Kompakter Sprachumfang mit javaähnlicher Syntax
• Offizieller ECMA-Standard, von allen Webbrowsern unterstützt
• Vermehrte Nutzung als Allzwecksprache

Question 12

Nennen Sie die Nachteile von JavaScript

Answer 12

• Sehr begrenzter Sprachumfang mit sehr wenigen Kernklassen
• Kompatibilitätsprobleme zwischen verschiedenen Webbrowsern
• Objektorientierung aktuell noch sehr umständlich realisierbar

Viele Nachteile werden durch JavaScript-Bibliotheken behoben