Vorwort Einleitung Entstehung und Historie 18

Transkript

1 Inhalt Vorwort 13 1 Einführung n 1.1 Einleitung Entstehung und Historie Einsatzgebiete von JavaScript Clientseitige JavaScript-Webanwendungen Serverseitige JavaScript-Anwendungen Desktop-JavaScript-Anwendungen Mobile JavaScript-Anwendungen Embedded-Anwendungen Popularität von JavaScript Laufzeitumgebungen V SpiderMonkey/TraceMonkey/JägerMonkey/OdinMonkey JavaScriptCore Rhino Nashorn Dyn.js Auswahl der richtigen Laufzeitumgebung Interpreter und Just-in-time-Compiler Entwicklungsumgebungen Cloud Aptana Studio SublimeText NetBeans IntelliJ WebStorm JSFiddle, JSBin und Codepen Fazit Debugging-Tools Das console-objekt Browser node-inspector

2 1.7 Einführung in die Sprache Statische Typisierung vs. dynamische Typisierung Datentypen und Werte Variablen und Konstanten Funktionen Operatoren Kontrollstrukturen und Schleifen Fehlerbehandlung Sonstiges Wissenswertes Zusammenfassung und Ausblick 58 2 Funktionen und funktionale Aspekte 6i 2.1 Die Besonderheiten von Funktionen in JavaScript Funktionen sind First-Class-Objekte Funktionen haben einen Kontext Funktionen definieren einen Sichtbarkeitsbereich Alternativen zum Überladen von Methoden Funktionen als Konstruktorfunktionen Standardmethoden jeder Funktion Objekte binden mit der Methode»bind()« Funktionen aufrufen über die Methode»call()« Funktionen aufrufen über die Methode»applyO« Einführung in die funktionale Programmierung Eigenschaften funktionaler Programmierung Unterschied zur objektorientierten Programmierung Unterschied zur imperativen Programmierung Funktionale Programmiersprachen und JavaScript Von der imperativen Programmierung zur funktionalen Programmierung Iterieren mit der Methode»forEach()« Werte abbilden mit der Methode»mapO« Werte filtern mit der Methode»filter()« Einen Ergebniswert ermitteln mit der Methode»reduce()« Kombination der verschiedenen Methoden Funktionale Techniken und Entwurfsmuster Komposition 94 6

3 2.5.2 Rekursion Closures Partielle Auswertung Currying Das IIFE-Entwurfsmuster Das Callback-Entwurfsmuster Self-Defining Functions Zusammenfassung und Ausblick Objektorientierte Programmierung mit JavaScript Objekte Arten von Objekten Objekte erstellen Prototypen Vererbung Prototypische Vererbung Pseudoklassische Vererbung Kopierende Vererbung Datenkapselung Öffentliche Eigenschaften Private Eigenschaften Privilegierte öffentliche Methoden Nichtprivilegierte öffentliche Methoden Private Methoden Emulieren von statischen Eigenschaften und statischen Methoden Emulieren von Interfaces Interfaces emulieren mit Attribute Checking Interfaces emulieren mit Duck Typing Emulieren von Namespaces Emulieren von Modulen Das klassische Module-Entwurfsmuster Das Revealing-Module-Entwurfsmuster Importieren von Modulen 166 7

4 3.8.4 Module Augmentation AMD, CommonJS und ECMAScript-6-Module Zusammenfassung und Ausblick ECMAScript Einführung Block-Scope und Konstanten Block-Scope Konstanten Striktere Trennung zwischen Funktionen und Methoden Arrow-Funktionen Definition von Methoden Flexiblerer Umgang mit Funktionsparametern Beliebige Anzahl an Funktionsparametern Abbilden von Arrays auf Funktionsparameter Standardwerte für Funktionsparameter Benannte Parameter Mehrfachzuweisungen über Destructuring Array-Destructuring Objekt-Destructuring Iteratoren und Generatoren Iteratoren Generatorfunktionen und Generatoren Promises Proxies Proxies in ES Emulieren von Proxies in ES Anwendungsbeispiel: Proxy als Profiler Anwendungsbeispiel: Proxy zur Validierung Collections Maps Weak-Maps Sets Weak-Sets 220 8

5 4.10 Module Module exportieren Module importieren Klassen Definition von Klassen Vererbung Neue Methoden der Standardobjekte Neue Methoden in»object« Neue Methoden in»string« Neue Methoden in»array« Neue Methoden in»regexp«,»number«und»math« Sonstiges neue Features Template-Strings Symbole for-of-schleife Zusammenfassung und Ausblick Der Entwicklungsprozess Einleitung Styleguides und Code Conventions Codequalität JSLint JSHint ESLint JSBeautifier Google Closure Linter Fazit Dokumentation JSDoc YUIDoc JSDuck Unterstützte Tags Fazit Konkatenation, Minification und Obfuscation YUI Compressor 265 9

6 5.5.2 Google Closure Compiler UglifyJS Fazit Package Management Backend Package Management mit NPM Frontend Package Management mit Bower Fazit Building Grünt GulpJS Fazit Scaffolding Yeoman Lineman Zusammenfassung und Ausblick JavaScript-Anwendungen testen Testgetriebene Entwicklung Grundlagen und Begriffsdefinition Testgetriebene Entwicklung in JavaScript QUnit mocha Integration in Build-Tools Test-Doubles SinonJS Spies Stubs Mock-Objekte Testabdeckung Einführung Blanketjs DOM-Tests Funktionstests PhantomJS CasperJS Zusammenfassung und Ausblick

7 7 Die Entwurfsmuster der Gang of Four Einführung Erzeugungsmuster Objekte an einer zentralen Stelle erzeugen (Abstract Factory/Factory Method) Nur ein Objekt von einem Typ erstellen (Singleton) Erstellen von komplexen Objekten (Builder) Ahnliche Objekte erstellen (Prototype) Strukturmuster Die Schnittstelle anpassen (Adapter) Abstraktion und Implementierung entkoppeln (Bridge) Objekte in Baumstrukturen anordnen (Composite) Eigenschaften unter Objekten teilen (Flyweight) Objekte mit zusätzlichen Funktionalitäten ausstatten (Decorator) Einheitliche Schnittstelle für mehrere Schnittstellen (Facade) Den Zugriff auf Objekte abfangen (Proxy) Verhaltensmuster Uber Datenstrukturen iterieren (Iterator) Den Zugriff auf Objekte beobachten (Observer) Eine Vorlage für einen Algorithmus definieren (Template Method) Funktionen als Parameter übergeben (Command) Algorithmen als Funktionen beschreiben (Strategy) Das Zusammenspiel mehrerer Objekte koordinieren (Mediator) Den Zustand eines Objekts speichern (Memento) Operationen auf Objekten von Objekten entkoppeln (Visitor) Das Verhalten eines Objekts abhängig vom Zustand ändern (State) Eine Repräsentation für die Grammatik einer Sprache definieren (Interpreter) Anfragen nach Zuständigkeit bearbeiten (Chain of Responsibility) Zusammenfassung und Ausblick

8 8 Architekturmuster und Konzepte moderner JavaScript-Webframeworks Model View Controller Model View Presenter MVC und MVP in Webanwendungen Klassische Webanwendungen Moderne Webanwendungen Model View ViewModel MWM am Beispiel von Knockout.js Kombination von MVC und MWM am Beispiel von AngularJS Routing Routing am Beispiel von AngularJS Routing am Beispiel von Backbone.js Zusammenfassung und Ausblick 443 Index