Discover millions of ebooks, audiobooks, and so much more with a free trial

Only $11.99/month after trial. Cancel anytime.

JavaScript für Java-Entwickler
JavaScript für Java-Entwickler
JavaScript für Java-Entwickler
Ebook150 pages1 hour

JavaScript für Java-Entwickler

Rating: 0 out of 5 stars

()

Read preview

About this ebook

Das Buch "JavaScript für Java-Entwickler" führt anhand von vielen Codebeispielen in die Grundlagen der Programmiersprache JavaScript ein. Dabei wird besonders auf Patterns eingegangen, die die Entwicklung mit JavaScript im größeren Rahmen ermöglichen. Diese Auflage enthält nun auch die wichtigsten Neuerungen der Sprache in ihrer Version ECMAScript 2015. In einem zusätzlichen Kapitel werden zudem die Grundlagen und Vorteile der JavaScript-Erweiterung TypeScript erläutert, die ebenfalls besonders bei größeren Projekten zum Tragen kommen. Zielpublikum sind Java-Entwickler, die sich in so kurzer Zeit wie möglich der Sprache JavaScript nähern wollen. Deshalb wird alles weggelassen, was man als Java-Entwickler ohnehin schon weiß. Zudem werden Vergleiche zu bereits bekannten Konzepten aus dem Java-Bereich gezogen.
LanguageDeutsch
Release dateSep 28, 2015
ISBN9783868026788
JavaScript für Java-Entwickler

Read more from Oliver Zeigermann

Related to JavaScript für Java-Entwickler

Titles in the series (20)

View More

Related ebooks

Programming For You

View More

Related articles

Reviews for JavaScript für Java-Entwickler

Rating: 0 out of 5 stars
0 ratings

0 ratings0 reviews

What did you think?

Tap to rate

Review must be at least 10 words

    Book preview

    JavaScript für Java-Entwickler - Oliver Zeigermann

    geschützt.

    1 Einleitung

    JavaScript sieht auf den ersten Blick syntaktisch aus wie ein vereinfachtes Java. Somit haben viele Java-Entwickler das Gefühl, die Sprache JavaScript eigentlich zu kennen und sie daher nicht lernen zu müssen. Allerdings ist das Verhalten von JavaScript deutlich anders als das von Java.

    Dieses Buch ist für Java-Entwickler gedacht, die mit so wenig Mühe wie möglich einen Überblick über die Sprache JavaScript erlangen wollen oder müssen. Missverständ­nisse werden ausgeräumt und eine Beherrschung der Muster und Grundkonzepte von JavaScript wird vermittelt.

    Bibliotheken und Frameworks werden in diesem Buch ganz bewusst nicht behandelt. Hier geht es ausschließlich um die Spra­che JavaScript und um Patterns, die für Java-Entwickler wichtig sind. Die Beschreibung der Sprache und der Patterns geschieht unabhängig von allen Bibliotheken und Frameworks, d.h. egal, welches Framework oder welche Bibliothek ihr einsetzen wollt, dieses Buch vermittelt euch die dazu notwendigen Grundlagen der Sprache JavaScript.

    Dieses Buch ist keine Referenz und erhebt keinen Anspruch auf Vollständigkeit. Ich verzichte auf alle Details, die nicht wirklich notwendig für das Verständnis der Sprache sind. Zu jedem Thema gibt es aber Referenzen auf die ECMAScript-Spezifikation, Erklärungen beim Mozilla Development Network [1] oder andere passende Links.

    Ich beziehe mich in den ersten Kapiteln auf die ECMAScript-Version 5.1 [2, 3]. Diese Version wird von allen modernen Browsern ab Internet Explorer 9 unterstützt. Eine kurze Erklärung zu ECMA­Script: ECMAScript ist der Standard und JavaScript ist dazu die Implementierung.

    In diesem Jahr (2015) ist die ECMAScript-Version 2015 [4] veröffentlicht worden. Andere Namen dafür sind ECMAScript 6 oder ES6. In Kapitel 7 werden wir uns die wichtigsten Neuerungen in ECMAScript 2015 ansehen.

    Inhalt

    Ihr könnt dieses Buch von vorn bis hinten durchlesen. In diesem Fall werden alle notwendigen Grundlagen der Sprache JavaScript vermittelt – zugeschnitten auf Java-Entwickler.

    Je nach Interesse, Zeit und Vorkenntnissen könnt ihr aber auch nur einzelne Kapitel lesen. Wenn ihr noch wenig oder keine Erfah­rung mit JavaScript gemacht habt, solltet ihr zumindest Kapitel 2 (Grundlagen) und Kapitel 3 (Funktionen) lesen. Sie bilden die Grundlage für die folgenden Kapitel. Insbesondere in Kapitel 3 sehen wir ei­niges, das auch für manche erfahrene JavaScript-Programmierer neu sein könnte.

    In Kapitel 4 (Objekte, Prototypen und Vererbung) schauen wir uns an, wie Vererbung in JavaScript funktioniert und wie man die aus Java bekannten Mechanismen von Klassen und Vererbung auch in der JavaScript-Welt anwenden kann. Dazu nutzen wir einige Best Practices.

    In Kapitel 5 (Module) schauen wir auf Modulkonzepte und Clo­sures. Für dieses Kapitel solltet ihr das Wissen aus Kapitel 2 und 3 haben, Kapitel 4 ist dafür nicht unbedingt notwendig. Wir schließen das Kapitel mit einer Betrachtung der gängigen Modulformate AMD und CommonJS.

    In Kapitel 6 (Fortgeschrittene Themen) kommen alle wichtigen Themen, die keine Grundlagen.png mehr sind. Besonders spannend sind dabei zusätzliche OO-Muster, die allerdings ein Verständnis der Themen aus Kapitel 4 erfordern.

    Das siebte Kapitel wird, wie bereits erwähnt, alle besonders relevanten Neuerungen von ECMAScript 2015 zusammenfassen.

    Das letzte Kapitel (TypeScript) behandelt eine typisierte Erweiterung von JavaScript, die die Entwicklung in großen Projekten erleichtert. Da TypeScript auf ECMAScript 2015 basiert, solltet ihr vorher auch Kapitel 7 gelesen haben.

    Danksagung

    Ich möchte mich bei allen bedanken, die bei diesem Buch mitge­holfen haben. Vielen Dank!

    Links & Literatur

    [1] Das Mozilla Development Network für JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript

    [2] HTML-Version der ECMAScript-Spezifikation 5.1: http://www.ecma-international.org/ecma-262/5.1

    [3] PDF-Version der ECMAScript-Spezifikation 5.1: http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

    [4] ECMAScript 2015: http://www.ecma-international.org/ecma-262/6.0/

    2 Grundlagen

    2.1 Hallo Welt

    Die typische Ablaufumgebung für ein JavaScript-Programm ist der Browser. Zwar gibt es seit einiger Zeit mit Node.js [1] die Möglichkeit, JavaScript auch auf dem Server und von der Kommandozeile aufzurufen, wir werden uns hier aber auf die Ausführung im Browser beschränken. Im Browser läuft JavaScript durch Einbetten in eine HTML-Seite.

    Die JavaScript-Konsole

    Starten wir mit einem kurzen „Hallo-Welt"-Programm, das wir in der JavaScript-Konsole des Browsers laufen lassen. Dazu lernen wir das globale Object console (nicht zu verwechseln mit der JavaScript-Konsole) kennen, das die Funktion log() bietet. Mit dieser Funktion könnt ihr – ähnlich wie System.out.println() in Java – eine Ausgabe auf der Konsole erzeugen:

    console.log(Hallo, Welt);

    Je nachdem, welchen Browser ihr nutzt, kommt ihr unterschiedlich an die Konsole heran. Mit dem Internet Explorer geht das z.B. über F12 oder das Zahnrad oben rechts, im Chrome über die Tastenkombinationen CTRL + Shift + J (auf dem Mac ⌥⌘J) oder über das so genannte „Hotdog-Menü rechts oben [2]. Hier könnt ihr nun direkt den JavaScript-Schnipsel von oben aufrufen und seht als Ausgabe den erwarteten „Hallo, Welt-String. Zusätzlich erscheint eine Zeile mit der Ausgabe undefined, da JavaScript-Konsolen typischerweise auch die Rückgabe einer Funktion ausgeben. Die ist in diesem Fall eben undefined. Salopp kann man sich diese Rückgabe so vorstellen wie das, was bei einer void-Methode in Java zurückgeliefert wird, nämlich nichts.

    JavaScript in HTML-Seiten

    Für JavaScript-Code, der mehr als ein kleines Experiment ist, empfiehlt es sich, ihn aus einer HTML-Seite heraus aufzurufen. Das geht, indem man den Code direkt in die HTML-Seite einbettet wie in dem folgenden Beispiel.

      utf-8>

      Hallo, Welt!

     

        alert(Hallo, Welt);

     

    Wenn ihr einen Rechner zur Hand habt, tippt dieses kleine Beispiel einmal mit einem Texteditor ab, speichert es unter index.html und ruft es mit dem Browser auf. Es sollte sich eine Nachrichtenbox mit dem Text „Hallo, Welt" zeigen. Im Chrome sieht das Ganze in etwa wie in Abbildung 2.1 aus.

    Abbildung 2.1: Die Ausgabe unseres zweiten Hallo-Welt-Programms

    Der Nachteil des kleinen Skripts: es vermischt HTML und JavaScript. Das wollen wir bei dem nächsten Beispiel anders machen und beides trennen. Zudem wollen wir einer weiteren Best Practice folgen und den JavaScript-Code erst am Ende einer HTML-Seite einfügen. Dadurch müssten wir bei der Darstellung der Seite keine Verzögerung während des Ladens und Parsens des JavaScript hinnehmen:

    utf-8>

    Hallo, Welt!

     

    Dazu nun noch die passende JavaScript-Datei hallo.js:

    alert(Hello World);

    Die Ausgabe dieses Beispiels unterscheidet sich nicht von der des vorherigen.

    2.2 Typen

    Wir steigen nun nach und nach in die relevanten Details der Sprache JavaScript ein. Es geht los mit Typen. Entgegen einer weit verbreiteten Meinung existieren diese in JavaScript. Neben object gibt es auch die drei primitiven Typen string, number und boolean.

    Objekte

    Ein Objekt in JavaScript können wir uns vereinfacht wie eine Map in Java vorstellen, jedoch mit der Syntax

    Enjoying the preview?
    Page 1 of 1