JavaScript und TypeScript für C#-Entwickler
()
About this ebook
Mit TypeScript hat Microsoft eine Obermenge von JavaScript bereitgestellt, die die Entwicklung im großen Rahmen erleichtert. In einem zusätzlichen Kapitel werden die Grundlagen und Vorteile dieses Ansatzes erläutert.
Read more from Oliver Zeigermann
Machine Learning – kurz & gut: Eine Einführung mit Python, Pandas und Scikit-Learn Rating: 5 out of 5 stars5/5React: Grundlagen, fortgeschrittene Techniken und Praxistipps – mit TypeScript und Redux Rating: 0 out of 5 stars0 ratings
Related to JavaScript und TypeScript für C#-Entwickler
Titles in the series (20)
Abofallen im Netz: Wie Sie teure Klicks vermeiden Rating: 0 out of 5 stars0 ratingsZertifizierung für Softwarearchitekten: Ihr Weg zur iSAQB-CPSA-F-Prüfung Rating: 0 out of 5 stars0 ratingsCloud Computing: Rechtliche Grundlagen Rating: 0 out of 5 stars0 ratingsNeo4j 2.0: Eine Graphdatenbank für alle Rating: 0 out of 5 stars0 ratingsAgile Softwareentwicklung: Ein Leitfaden für Manager Rating: 0 out of 5 stars0 ratingsJavaScript für Java-Entwickler Rating: 0 out of 5 stars0 ratingsSecurity im E-Commerce: Absicherung von Shopsystemen wie Magento, Shopware und OXID Rating: 0 out of 5 stars0 ratingsSQL-Abfragen optimieren: Was Entwickler über Performance wissen müssen Rating: 0 out of 5 stars0 ratingsCSS3: Die Referenz für Webentwickler Rating: 0 out of 5 stars0 ratingsIhr Recht bei Onlineauktionen. Juristische Tipps für eBay und Co. Rating: 0 out of 5 stars0 ratingsJavaScript und TypeScript für C#-Entwickler Rating: 0 out of 5 stars0 ratingsJavaScript für Java-Entwickler Rating: 0 out of 5 stars0 ratingsVorsicht Suchmaschine: Rechtliche Tipps für Google und Co. Rating: 0 out of 5 stars0 ratingsDynamic Proxies: Effizient programmieren Rating: 0 out of 5 stars0 ratingsIhr Recht als Programmierer: Juristische Tipps für Angestellte, Selbstständige und Freelancer Rating: 0 out of 5 stars0 ratingsJavaScript für Java-Entwickler Rating: 0 out of 5 stars0 ratingsCrime Scene Internet: Ein Streifzug durch das Computer- und Internetstrafrecht Rating: 0 out of 5 stars0 ratingsIhr Recht als Blogger: Juristische Tipps für Blogs, Podcasts und Co. Rating: 0 out of 5 stars0 ratingsZertifizierung für Softwarearchitekten: Ihr Weg zur iSAQB-CPSA-F-Prüfung Rating: 0 out of 5 stars0 ratingsSQL Server: Performanceprobleme analysieren und beheben Rating: 0 out of 5 stars0 ratings
Related ebooks
JavaScript für Java-Entwickler Rating: 0 out of 5 stars0 ratingsSoftware Development Trends: Wegweisende Beiträge für eine neue IT: Wegweisende Beiträge für eine neue IT Rating: 0 out of 5 stars0 ratingsEinstieg in TypeScript: Grundlagen für Entwickler Rating: 0 out of 5 stars0 ratings.NET-Praxis: Tipps und Tricks zu .NET und Visual Studio Rating: 0 out of 5 stars0 ratingsVue.js kurz & gut Rating: 0 out of 5 stars0 ratingsNext Level JavaScript: Schlagworte Rating: 0 out of 5 stars0 ratingsMit Scratch 3 programmieren lernen Rating: 0 out of 5 stars0 ratingsjQuery Mobile: Einfach mobile Web-Apps entwickeln Rating: 0 out of 5 stars0 ratingsJavaScript kurz & gut Rating: 3 out of 5 stars3/5JavaScript und Ajax: Das Praxisbuch für Web-Entwickler Rating: 0 out of 5 stars0 ratingsJavaScript für Enterprise-Entwickler: Professionell programmieren im Browser und auf dem Server Rating: 0 out of 5 stars0 ratingsJavaScript auf dem Server Rating: 0 out of 5 stars0 ratingsKompaktkurs C# 5.0 Rating: 0 out of 5 stars0 ratingsBenutzerhandbuch zu ProjectLibre 1.9.3 Rating: 0 out of 5 stars0 ratingsOpenLaszlo: schnell + kompakt Rating: 0 out of 5 stars0 ratingsEffektiv Objective-C 2.0 programmieren: 52 Profi-Lösungen für bessere iOS- und OS-X-Programmierung Rating: 0 out of 5 stars0 ratingsProgrammieren in TypeScript: Skalierbare JavaScript-Applikationen entwickeln Rating: 0 out of 5 stars0 ratingsEinblicke in C# 6.0 Rating: 0 out of 5 stars0 ratingsWindows 10 Update - Oktober 2018: Alles zum neuen Herbst-Update Rating: 0 out of 5 stars0 ratingsJavaScript Performance Rating: 0 out of 5 stars0 ratingsBootstrap kurz & gut Rating: 0 out of 5 stars0 ratingsHTML5, JavaScript und jQuery: Der Crashkurs für Softwareentwickler Rating: 2 out of 5 stars2/5Objective-C und Cocoa: Band 1: Grundlagen Rating: 0 out of 5 stars0 ratingsC++17: Praxiswissen zum neuen Standard. Von C++11 bis 17 Rating: 0 out of 5 stars0 ratingsAndroid Schnelleinstieg Rating: 0 out of 5 stars0 ratingsSchritt für Schritt in C Programmieren lernen: Der Praxisguide für Anfänger! Rating: 0 out of 5 stars0 ratingsC++11: Praxiswissen zum neuen Standard Rating: 0 out of 5 stars0 ratingsCouchDB mit PHP Rating: 0 out of 5 stars0 ratingsWicket: Komponentenbasiert und objektorientiert - das alternative Java-Webframework Rating: 0 out of 5 stars0 ratings
Programming For You
SQL – kurz & gut Rating: 0 out of 5 stars0 ratingsPython-Grundlagen Rating: 0 out of 5 stars0 ratingsPraktisches Programmieren in C: Grundlagen und Tipps Rating: 0 out of 5 stars0 ratingsUser Experience Testing 3.0: Status Quo, Entwicklung und Trends Rating: 0 out of 5 stars0 ratingsMicrosoft Word 2016 (Microsoft Press): Einfache Anleitungen für wichtige Aufgaben Rating: 0 out of 5 stars0 ratingsDie ultimative FRITZ!Box Bibel - Das Praxisbuch 2. aktualisierte Auflage - mit vielen Insider Tipps und Tricks - komplett in Farbe Rating: 0 out of 5 stars0 ratingsGames | Game Design | Game Studies: Eine Einführung (Deutschsprachige Ausgabe) Rating: 0 out of 5 stars0 ratingsPython kinderleicht!: Einfach programmieren lernen – nicht nur für Kids Rating: 0 out of 5 stars0 ratingsSQL von Kopf bis Fuß Rating: 4 out of 5 stars4/5Eigene Spiele programmieren – Python lernen: Der spielerische Weg zur Programmiersprache Rating: 0 out of 5 stars0 ratingsRaspberry Pi: Einstieg • Optimierung • Projekte Rating: 5 out of 5 stars5/5Traumjob IT 2021: Branchenüberblick, Erfahrungsberichte und Tipps zum Berufseinstieg Rating: 5 out of 5 stars5/5Android-Entwicklung für Einsteiger - 20.000 Zeilen unter dem Meer: 2. erweiterte Auflage Rating: 0 out of 5 stars0 ratingsHacken mit Python und Kali-Linux: Entwicklung eigener Hackingtools mit Python unter Kali-Linux Rating: 0 out of 5 stars0 ratingsHTML5-Programmierung von Kopf bis Fuß: Webanwendungen mit HTML5 und JavaScript Rating: 0 out of 5 stars0 ratingsPython kurz & gut: Für Python 3.x und 2.7 Rating: 3 out of 5 stars3/5Python | Schritt für Schritt Programmieren lernen: Der ultimative Anfänger Guide für einen einfachen & schnellen Einstieg Rating: 0 out of 5 stars0 ratingsPython programmieren lernen: Der spielerische Einstieg mit Minecraft Rating: 0 out of 5 stars0 ratingsC++ – kurz & gut: Aktuell zu C++17 Rating: 4 out of 5 stars4/5Mikrocontroller in der Elektronik: Mikrocontroller programmieren und in der Praxis einsetzen Rating: 0 out of 5 stars0 ratingsProgrammieren für Einsteiger: Teil 1 Rating: 0 out of 5 stars0 ratingsDas große Python3 Workbook: Mit vielen Beispielen und Übungen - Programmieren leicht gemacht! Rating: 4 out of 5 stars4/5Weniger schlecht programmieren Rating: 4 out of 5 stars4/5Raspberry Pi: Mach's einfach: Die kompakteste Gebrauchsanweisung mit 222 Anleitungen. Geeignet für Raspberry Pi 3 Modell B / B+ Rating: 0 out of 5 stars0 ratingsProgrammieren lernen mit Python 3: Schnelleinstieg für Beginner Rating: 0 out of 5 stars0 ratingsLinux Grundlagen - Ein Einstieg in das Linux-Betriebssystem Rating: 0 out of 5 stars0 ratingsVue.js für alle: Wissenswertes für Einsteiger und Experten Rating: 0 out of 5 stars0 ratingsPowerShell: Anwendung und effektive Nutzung Rating: 5 out of 5 stars5/5C++: Eine kompakte Einführung Rating: 0 out of 5 stars0 ratings
Reviews for JavaScript und TypeScript für C#-Entwickler
0 ratings0 reviews
Book preview
JavaScript und TypeScript für C#-Entwickler - Oliver Zeigermann
geschützt.
1
Einleitung
JavaScript sieht auf den ersten Blick syntaktisch aus wie ein vereinfachtes C#. Somit haben viele C#-Entwickler das Gefühl, die Sprache JavaScript eigentlich zu kennen und deshalb nicht lernen zu müssen. Allerdings ist das Verhalten von JavaScript deutlich anders als das von C#. Dies führt zu einer Anzahl von C#-Entwicklern, die zwar JavaScript nutzen, aber nie die Grundlagen der Sprache studiert haben.
Dieses Buch ist für C#-Entwickler gedacht, die mit so wenig Mühen wie möglich einen umfassenden Überblick über die Sprache JavaScript erlangen wollen oder müssen. Missverständnisse werden ausgeräumt und eine Beherrschung der Muster und Grundkonzepte von JavaScript werden vermittelt.
Bibliotheken und Frameworks werden in diesem Buch ganz bewusst nicht behandelt. Hier geht es ausschließlich um die Sprache JavaScript und Patterns, die für C#-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. Damit sollten keine Fragen offen bleiben.
Ich beziehe mich ausschließlich auf die aktuellste ECMAScript-Version 5.1 [2, 3]. Diese Version wird von allen modernen Browsern ab Internet Explorer 9 unterstützt. Eine kurze Erklärung zu ECMAScript: ECMAScript ist der Standard und JavaScript ist dazu eine Implementierung.
Inhalt
Ihr könnt dieses Buch von vorn bis hinten durchlesen. In diesem Fall werden alle notwendigen Grundlagen der Sprache JavaScript vermittelt – zugeschnitten auf C#-Entwickler.
Je nach Interesse, Zeit und Vorkenntnissen könnt ihr aber auch nur einzelne Kapitel lesen. Wenn ihr noch wenig oder keine Erfahrung mit JavaScript gemacht habt, solltet ihr zumindest Kapitel 2 (Grundlagen) und 3 (Funktionen) lesen. Sie bilden die Grundlage für die folgenden Kapitel. Insbesondere in Kapitel 3 sehen wir einiges, was auch für manche erfahrene JavaScript-Programmierer neu sein könnte.
In Kapitel 4 (Objekte, Prototypen und Vererbung) gucken wir uns an, wie Vererbung in JavaScript funktioniert und wie man die aus C# bekannten Mechanismen von Klassen und Vererbung auch in der JavaScript-Welt anwenden kann. Dazu nutzen wir einige Best Practices. Dieses Kapitel ist das konzeptionell anspruchsvollste des Buchs. Ich empfehle, es an einem Stück und evtl. zweimal zu lesen.
In Kapitel 5 (Module) schauen wir auf Modulkonzepte und Closures. Für dieses Kapitel solltet ihr das Wissen aus Kapitel 2 und 3 haben, Kapitel 4 ist 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 mehr sind. Hier müsst ihr nicht alles lesen, sondern könnt euch die Themen herauspicken, die euch interessieren. Besonders spannend sind dabei zusätzliche OO-Muster, die allerdings ein Verständnis der Themen aus Kapitel 4 erfordern.
Das letzte Kapitel (TypeScript) behandelt eine von Microsoft herausgebrachte Erweiterung von JavaScript, die die Entwicklung in großen Projekten erleichtert.
Danksagung
Ich möchte mich bei allen bedanken, die bei diesem Buch mitgeholfen haben. Besonders möchte ich Olaf Prins danken, der mir in Detailfragen zu C# als Experte gedient hat. Thomas Bonk, Nils Hartmann und David Amend haben zudem wertvollen Input zum TypeScript-Kapitel geliefert. Vielen Dank an alle!
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
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[6] 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 oder durch Ausführen in der JavaScript-Konsole. Alle Browser haben eine solche Konsole.
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 Console.WriteLine () in C# – 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 kommt ihr an die Konsole über die Tastenkombinaten CTRL + Shift + J (auf dem Mac ⌥⌘J) oder über das so genannte „Hotdog-Menü" rechts oben heran [8].
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 C# 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>
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>
Dazu nun noch die passende JavaScript-Datei hallo.js:
alert(Hello World
);
Die Ausgabe dieses Beispiels unterscheidet sich nicht von der des vorherigen. Wir haben hier also unser erstes JavaScript-Refactoring gesehen!
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 Dictionary in C# vorstellen, jedoch mit der Syntax von Objekten. Es gibt Properties als Name/Wert-Paare, die jederzeit hinzugefügt und auch wieder gelöscht werden können. Werte können ebenso jederzeit in Inhalt und Typ verändert werden. Wir hätten damit so etwas wie Dictionary
Ein Objekt erzeugen wir mit der folgenden Syntax, die „object literal" oder auf Deutsch Objekt-Literal genannt wird:
var obj1 =