Was ist JavaScript (JS)?

Alle Programmiersprachen funktionieren, indem sie die dem englischen Sprachgebrauch ähnliche Syntax in Maschinencode übersetzen, der dann vom Betriebssystem ausgeführt wird. JavaScript wird im Allgemeinen als Skriptsprache oder als interpretierte Sprache eingestuft. JavaScript-Code wird interpretiert, das heißt, er wird von einer JavaScript-Engine direkt in den darunter liegenden Maschinensprachcode übersetzt. Bei anderen Programmiersprachen kompiliert ein Compiler in einem gesonderten Schritt den gesamten Code in Maschinencode. Es sind zwar alle Skriptsprachen Programmiersprachen, aber nicht alle Programmiersprachen sind Skriptsprachen.

Eine JavaScript-Engine ist ein Computerprogramm, das JavaScript-Code ausführt. Die ersten JavaScript-Engines waren lediglich Interpreter, aber alle modernen Engines verwenden Just-in-Time- oder Laufzeitkompilierung, um die Leistung zu verbessern.

Clientseitiges JavaScript bezieht sich darauf, wie JavaScript in Ihrem Browser funktioniert. In diesem Fall befindet sich die JavaScript-Engine innerhalb des Browser-Codes. Alle wichtigen Webbrowser verfügen über ihre eigenen integrierten JavaScript-Engines.

Die Entwickler von Webanwendungen schreiben JavaScript-Code mit verschiedenen Funktionen, die mit verschiedenen Ereignissen verbunden sind, wie beispielsweise einem Mausklick oder einer Mausbewegung. Diese Funktionen ändern den HTML-Code und CSS.

Hier ist eine Übersicht darüber, wie clientseitiges JavaScript funktioniert:

1.   Der Browser lädt eine Webseite, wenn Sie sie besuchen.

2.   Während des Ladevorgangs konvertiert der Browser die Seite und alle ihre Elemente, wie Schaltflächen, Beschriftungen und Dropdown-Felder, in eine Datenstruktur, das so genannte Dokument-Objekt-Modell (DOM).

3.   Die JavaScript-Engine des Browsers wandelt den JavaScript-Code in Bytecode um. Dieser Code ist ein Vermittler zwischen der JavaScript-Syntax und der Maschine.

4.   Verschiedene Ereignisse, wie zum Beispiel ein Mausklick auf eine Schaltfläche, lösen die Ausführung des zugehörigen JavaScript-Codeblocks aus. Die Engine interpretiert dann den Bytecode und nimmt Änderungen am DOM vor.

5.   Der Browser zeit den neuen DOM an.

Serverseitiges JavaScript

Clientseitig gegenüber serverseitig

Wie JavaScript-Bibliotheken sind JavaScript-Frameworks eine Sammlung von vorgefertigten Code-Snippets, die unterschiedliche Funktionen ausführen und wiederverwendet werden können. Während JavaScript-Bibliotheken jedoch ein spezialisiertes Tool für den On-Demand-Einsatz sind, sind JavaScript-Frameworks ein komplettes Werkzeugpaket, mit dem sich jede Webanwendung gestalten und organisieren lässt. Wenn Sie sich den JavaScript-Anwendungscode als ein Haus vorstellen, ist das JavaScript-Framework der Bauplan für das Haus.

Hier sind einige Anwendungsbeispiele für JavaScript-Frameworks:

AngularJS ist ein Framework, das die Entwicklung und das Testen von Webanwendungen, wie beispielsweise E-Commerce-Anwendungen, Echtzeitanwendungen und Videoanwendungen, vereinfacht. React Native ist ein weiteres Framework, das die Entwicklung von nativ gerenderten mobilen Anwendungen für iOS und Android unterstützt.

Responsive Websites bieten ein einheitliches Nutzererlebnis auf jedem Gerät. Beispielsweise sind die Bildschirme von Handys und Tablets kleiner als die von Desktops und Laptops. Sie möchten, dass die Website die Daten auch auf dem kleineren Bildschirm korrekt anzeigt und darstellt, ohne dass zum Beispiel die Enden der Website abgeschnitten werden. Mit Frameworks wie Bootstrap und Ember.js können Entwickler von responsivem Design profitieren und das Erscheinungsbild einer Website mühelos an verschiedene Plattformen anpassen.

Node.js ist ein serverseitiges, quelloffenes JavaScript-Framework, das JavaScript-Code außerhalb eines Browsers ausführt. Die Entwickler verwenden dieses Framework, um skalierbare, schnelle und zuverlässige, netzwerkbasierte serverseitige Anwendungen zu erstellen. Es kann HTTP-Anfragen und Datenströme verarbeiten, Dateisysteme unterstützen und mehrere Backend-Prozesse gleichzeitig verwalten.

Die Syntax von JavaScript wurde von der Programmiersprache Java inspiriert und ist leicht zu erlernen und zu programmieren. Entwickler verwenden JavaScript in fast jeder Website und mobilen Anwendung für das clientseitige Skripting. Node.js hat in den letzten zehn Jahren auch bei der Backend-Codierung stark an Popularität gewonnen. Viele große Streaming- und Videoplattformen wurden in Node.js kodiert.

Anders als bei anderen Programmiersprachen können Sie JavaScript in jede beliebige Webseite einfügen und mit vielen anderen Webentwicklungs-Frameworks und -sprachen verwenden. Sobald Sie ihn geschrieben haben, können Sie JavaScript-Code auf jedem Rechner ausführen. So macht JavaScript die Anwendungsentwicklung plattformunabhängig.

Sie können JavaScript nutzen, um die Serverlast und die Netzüberlastung zu verringern, da es logische Operationen ausführen und einen Großteil der Serverarbeit auf dem Client selbst erledigen kann. Denken Sie zum Beispiel an das Ausfüllen eines Anmeldeformulars. JavaScript prüft schnell, ob Sie eine 10-stellige Nummer für das Mobiltelefonfeld eingegeben haben. Würden diese Anfragen an den Server gesendet, würde Ihre Seite bei jedem Fehler neu geladen werden, was den Registrierungsprozess sehr langsam und mühsam machen würde.

JavaScript erstellt elegante Websites, die das Auffinden und Verarbeiten komplexer Informationen erleichtern. Die Entwickler setzen JavaScript ein, um die Funktionalität und die Lesbarkeit zu verbessern und die Interaktion mit den Benutzern einer Website effizienter zu gestalten.

JavaScript kann mehrere verschiedene Sätze von Anweisungen parallel ausführen. Auf dem Backend kann Node.js hochskalierte Serverantworten verarbeiten, ohne die gleiche Bandbreite zu verbrauchen.