JavaScript-Grundlagen. Teil 2 JavaScript-Kurs vom Anfänger bis zum Fortgeschrittenen

Dies ist der zweite Teil der JavaScript-Blogpost-Serie, die Sie vom Anfänger bis zum Fortgeschrittenen führt. Am Ende dieser Serie kennen Sie alle Grundlagen, die Sie wissen müssen, um mit dem Programmieren in JavaScript zu beginnen. Beginnen wir ohne weiteres mit dem zweiten Tutorial.

JavaScript-Grundlagen – Inhaltsverzeichnis:

1. JavaScript-Grundlagen
2. Ausführung Zeile für Zeile
3. Zwei Möglichkeiten, Anweisungen zu beenden
4. Kommentare

In diesem Blogbeitrag machen wir da weiter, wo wir beim ersten Blogbeitrag aufgehört haben. Zu diesem Zeitpunkt sollten Sie Ihren Google Chrome-Browser und insbesondere Ihre JavaScript-Konsole geöffnet haben. Wenn Sie sie aus irgendeinem Grund geschlossen haben, wäre es ein guter Zeitpunkt, sie wieder zu öffnen. Beginnen wir mit dem Erlernen der JavaScrip-Grundlagen

Wenn Sie sich auf einem Mac befinden, drücken Sie nach dem Öffnen von Chrome die Tastenkombination zum Öffnen der Konsole, indem Sie „Option + Befehl + J“ drücken. Wenn Sie ein Windows-Gerät verwenden, können Sie die Tastenkombination „Strg + Umschalt + J“ verwenden, um die JavaScript-Konsole zu öffnen, sobald Sie Chrome öffnen. Oder Sie können auch in das Menü oben gehen und zu Ansicht -> Entwickler -> JavaScript-Konsole gehen.

JavaScript-Grundlagen

JavaScript ist wie alle anderen Programmiersprachen eine Sprache, die Sie verwenden, um mit Computern zu kommunizieren. So wie eine natürliche Sprache über Grammatik und bekannte Wörter verfügt, um richtige Sätze zu bilden, gibt es auch für Programmiersprachen bestimmte Regeln, die Sie befolgen sollten, um effektiv mit dem Computer zu kommunizieren.

Zum Beispiel bedeuten bestimmte Wörter bestimmte Dinge für die JavaScript-Engine, die unseren Code ausführt, wie das Schlüsselwort „alert“, das wir im vorherigen Tutorial verwendet haben, um dem Benutzer eine Warnung mit den spezifischen Wörtern anzuzeigen, die sie direkt danach in die Klammern setzen . In unserem Fall haben wir „Hello, World!“ geschrieben. Also erhielten wir eine Benachrichtigung mit der Aufschrift „Hello, World!“.

Es gibt auch andere reservierte Schlüsselwörter in JavaScript, die wir kennen sollten, damit wir mit den richtigen Wörtern und der richtigen Grammatik effektiv mit dem Computer kommunizieren können. Ebenso wie die Grammatik, die wir in natürlicher Sprache haben, gibt es auch in Programmiersprachen eine Grammatik. Diese Grammatik wird in Programmiersprachen allgemein als „Syntax“ bezeichnet, und JavaScript bildet da keine Ausnahme. Aus diesem Grund ist es eine gute Idee, die wichtigsten Schlüsselwörter und die Grammatik von JavaScript zu verstehen, wenn wir mit dem Erlernen der JavaScript-Grundlagen beginnen. Sehen wir uns einige der wichtigsten Dinge an, die wir über JavaScript wissen sollten.

Ausführung Zeile für Zeile

Wenn es um JavaScript-Grundlagen geht, sollten Sie als Erstes wissen, dass der von Ihnen geschriebene Code Zeile für Zeile von oben nach unten ausgeführt wird. Diese Art der Codeausführung wird auch als JavaScript bezeichnet, da es sich um eine „interpretierte Programmiersprache“ handelt.

Im Gegensatz dazu sind einige Programmiersprachen „kompilierte Programmiersprachen“. Einige Beispiele für kompilierte Sprachen wären: C, C++, C#, Swift, Java und so weiter. Der Hauptunterschied besteht darin, dass bei kompilierten Programmiersprachen der gesamte von Ihnen geschriebene Code „kompiliert“ und vom Computer in einem Stück ausgeführt wird. Aus diesem Grund kann es auch schwieriger sein, mit dem Erlernen einer kompilierten Programmiersprache zu beginnen, da es schwieriger sein kann, zu erkennen, wo Sie einen Fehler in Ihrem Programm gemacht haben.

Einige Beispiele für interpretierte Programmiersprachen wären JavaScript, Python, Bash und Matlab. Bei interpretierten Programmiersprachen haben Sie den inhärenten Vorteil, dass Sie sehen, in welcher Zeile Sie den Fehler gemacht haben, z. B. wenn Sie ein Semikolon vergessen oder Klammern in Ihrem Code nicht übereinstimmen. Diese Eigenschaft kann in bestimmten Anwendungen keinen großen Unterschied machen, aber wenn wir versuchen, eine Website mit einer langsamen Internetverbindung zu laden, möchten Sie, dass jede einzelne JavaScript-Zeile so schnell wie möglich ausgeführt wird.

Zwei Möglichkeiten, Anweisungen zu beenden

Ein Computerprogramm ist am Ende des Tages ein Bündel von Anweisungen an den Computer. Aber wo endet ein Programm, wo beginnt die nächste Anweisung? Es gibt verschiedene Herangehensweisen an dieses Problem. JavaScript verwendet hauptsächlich zwei Dinge, das Semikolon und die Klammern.

Abhängig von der Art der Anweisung, die wir schreiben, verwenden wir im Allgemeinen entweder eine, um eine Anweisung zu beenden oder zu verpacken. Wir werden unterschiedliche Arten von Klammern für unterschiedliche Funktionalitäten und Datentypen verwenden. Zum Beispiel in der Warnung („Hello, World“); Code, den wir zuvor ausgeführt haben, sagen die Klammern, die die Schrift "Hallo Welt" umgeben, dem Computer, was die Warnung sagen soll, und das Semikolon am Ende der Anweisung sagt dem Computer, dass diese Anweisung hier endet und Sie zur nächsten Anweisung gehen können. Dies ist sehr ähnlich wie wir einen Punkt „.“ verwenden. um die Sätze auf Englisch zu beenden.

Kommentare

Das Hinzufügen von Kommentaren zum Code ist ein wesentlicher Bestandteil der Programmierung. Es kann leicht sein, zu verstehen, welchen Code Sie schreiben, während Sie ihn schreiben, aber abhängig von der Komplexität des Codes haben Sie möglicherweise sechs Monate später nur sehr wenig Ahnung, wenn Sie zum Code zurückkehren.

Das Hinzufügen von Kommentaren macht es nicht nur viel einfacher, Ihren Code für die Zukunft zu verstehen, sondern es macht es auch für jeden, mit dem Sie zusammenarbeiten, viel einfacher, den Code zu verstehen. Es kann Ihnen auch helfen, Ihr Verständnis für das Problem, mit dem Sie arbeiten, besser zu entwickeln, da es normalerweise viel einfacher ist, Probleme zu lösen, indem Sie sie in kleinere, mundgerechte Stücke unterteilen. Die kommentierten Teile Ihres Codes werden vom Interpreter ignoriert und nicht ausgeführt.

Es gibt zwei Möglichkeiten zum Hinzufügen von Kommentaren: JavaScipt. Als Erstes fügen Sie einen einfachen „einzeiligen“ Kommentar mit zwei Schrägstrichen wie diesem hinzu:

// this is a comment

Auf diese Weise wird alles, was Sie nach den beiden Schrägstrichen schreiben, in der spezifischen Zeile ignoriert, in der Sie die Schrägstriche setzen. Sie können dies so oft wiederholen, bis mehrere Zeilen mit Kommentaren wie diesem bedeckt sind:

// this is a comment.
// this is another comment.
// you can keep commenting like this.

Ein weiterer Grund, warum wir Kommentare verwenden, besteht darin, einen Codeabschnitt auszukommentieren, um mit Code zu experimentieren. Beispielsweise können Sie dieselbe Funktionalität auf mehrere Arten schreiben und möchten möglicherweise eine Version desselben Codes kommentieren, um ihre individuelle Leistung oder Ergebnisse zu vergleichen. Sehen wir uns das auch an einem Beispiel an.

Kopieren Sie den folgenden Code und fügen Sie ihn in Ihre JavaScript-Konsole ein, die Sie in Chrome geöffnet haben.

// greet user
alert("Hello, User!");
alert("Hi, User!");

Wenn Sie zusätzlich üben möchten, den gesamten Code selbst zu schreiben, können Sie das auch tun. Eine Sache, die Sie über das Schreiben mehrerer Codezeilen in der Konsole wissen sollten, ist, dass Sie „Shift + Enter“ drücken können, um zur nächsten Zeile zu gelangen, ohne sie auszuführen. Andernfalls wird nach dem Schreiben einer einzelnen Codezeile, wenn Sie einfach die Eingabetaste drücken, diese Codezeile ausgeführt. In diesem Beispiel ist dies kein großes Problem und es ist eigentlich in Ordnung, es auch Zeile für Zeile auszuführen, da wir ein einfaches Beispiel haben, das auch in diesem Stil funktionieren kann.

Nachdem Sie es entweder kopiert und eingefügt oder den Code selbst geschrieben haben, fahren Sie fort und drücken Sie „Enter“, um den Code auszuführen. Das Ergebnis sollte Ihnen zwei separate Warnungen geben. Um die Warnungen zu schließen, können Sie auch auf „OK“ klicken. In diesem Fall werden sie nichts tun, da dies eine einfache Warnung ist und nach dem Anzeigen der Nachricht, die wir anzeigen möchten, nichts ausgelöst wird.

Wenn wir den Code so ausführen, führen wir dieselbe Funktionalität zweimal aus. Aber was sollten Sie tun, wenn Sie jeweils nur eine Implementierung sehen möchten? Nun, Sie wissen genau, was in diesem Fall zu tun ist, weil wir bereits darüber gesprochen haben. Fahren Sie fort und kommentieren Sie eine der Zeilen aus, nachdem Sie den Code eingefügt oder geschrieben haben, sodass nur die zweite Implementierung von „Hi, User!“ hingerichtet wird.

Sobald Sie die Herausforderung abgeschlossen haben oder während der Herausforderung stecken bleiben, können Sie den Lösungscode für die Herausforderung unten sehen. Bevor Sie sich die Lösung ansehen, empfehle ich Ihnen immer, es selbst auszuprobieren, da Sie am besten lernen, wenn Sie es wirklich üben. Wenn Sie die Herausforderung erfolgreich abgeschlossen haben, sollten Sie einen Bildschirm wie diesen sehen:

Beachten Sie, dass eine Codezeile, wenn Sie sie auskommentieren, dieselbe Farbe wie die vorherige kommentierte Zeile annimmt. Dieser Farbunterschied macht für den Computer eigentlich keinen Unterschied, aber er ist eine ziemlich hilfreiche Funktion für uns, wenn wir Code schreiben. Auf diese Weise ist es viel einfacher, wenn Sie versehentlich eine Codezeile auskommentieren, da die Farben dies deutlich machen.

Eine andere Möglichkeit, Code zu kommentieren, ist die Verwendung des Schrägstrichs und des Sternchens. Auf diese Weise können wir in unserem Code einzeilige oder mehrzeilige Kommentare erstellen.

/* a single line comment */
/* the commenting starts when we put a forward slash and an asterisk
and the commented areas ends
when we close of the comment with an asterisk and the forward slash
like this */

Jetzt kennen Sie die JavaScript-Grundlagen. Im nächsten Tutorial werden wir ein äußerst verbreitetes Konzept in der Programmierung namens „Variablen“ zusammen mit grundlegenden Datentypen in JavaScript sehen.

Autor: Robert Whitney

JavaScript-Experte und Ausbilder, der IT-Abteilungen coacht. Sein Hauptziel ist es, die Teamproduktivität zu steigern, indem er anderen beibringt, wie man beim Programmieren effektiv zusammenarbeitet.

Alle Beiträge anzeigen

JavaScript-Kurs vom Anfänger bis zum Fortgeschrittenen in 10 Blogbeiträgen:

1. Wie fange ich mit dem Programmieren in JavaScript an?
2. JavaScript-Grundlagen
3. Variablen und verschiedene Datentypen in JavaScript
4. Snippets und Kontrollstrukturen
5. While-Schleifen und For-Schleifen
6. Java-Array
7. JavaScript-Funktionen
8. JavaScript-Objekte
9. JavaScript-Methoden und mehr
10. Zusammenfassung des JavaScript-Kurses