Dies ist der zweite Teil der JavaScript-Blogbeitragsreihe, die Sie von Anfänger zu Fortgeschrittenem führen wird. Am Ende dieser Reihe werden Sie alle Grundlagen kennen, die Sie benötigen, um mit dem Programmieren in JavaScript zu beginnen. Ohne weitere Umschweife, lassen Sie uns mit dem zweiten Tutorial beginnen.
In diesem Blogbeitrag setzen wir dort fort, wo wir im ersten Blogbeitrag aufgehört haben. Zu diesem Zeitpunkt sollten Sie Ihren Google Chrome-Browser geöffnet haben und genauer gesagt Ihre JavaScript-Konsole geöffnet haben. Wenn Sie aus irgendeinem Grund diese geschlossen haben, wäre jetzt ein guter Zeitpunkt, sie wieder zu öffnen. Lassen Sie uns mit den JavaScript-Grundlagen beginnen.
Wenn Sie einen Mac verwenden, ist die Tastenkombination zum Öffnen der Konsole „Option + Command + J“, nachdem Sie Chrome geöffnet haben. 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 geöffnet haben. Alternativ können Sie auch zum Menü oben gehen und zu Ansicht -> Entwickler -> JavaScript-Konsole gehen.
JavaScript, wie alle anderen Programmiersprachen, ist eine Sprache, die Sie verwenden, um mit Computern zu kommunizieren. Wie eine natürliche Sprache Grammatik und bekannte Wörter hat, um korrekte Sätze zu bilden, haben Programmiersprachen auch 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, die Bedeutung hatte, eine Warnung an den Benutzer mit den spezifischen Wörtern anzuzeigen, die sie direkt nach den Klammern eingegeben haben. In unserem Fall schrieben wir „Hallo, Welt!“, also erhielten wir eine Warnung, die „Hallo, Welt!“ sagte.
Es gibt auch andere reservierte Schlüsselwörter in JavaScript, über die wir uns im Klaren sein sollten, damit wir effektiv mit dem Computer kommunizieren können, indem wir die richtigen Wörter und die richtige Grammatik verwenden. Auch wie die Grammatik, die wir in der natürlichen Sprache haben, gibt es auch eine Grammatik in Programmiersprachen. Diese Grammatik wird in Programmiersprachen allgemein als „Syntax“ bezeichnet, und JavaScript ist da keine Ausnahme. Deshalb ist es eine gute Idee, die wichtigsten Schlüsselwörter und die Grammatik, die wir in JavaScript haben, zu verstehen, während wir anfangen, über die Grundlagen von JavaScript zu lernen. Lassen Sie uns einige der wichtigsten Dinge ansehen, die wir über JavaScript wissen sollten.
Wenn es um die Grundlagen von JavaScript geht, ist eine der ersten Dinge, die Sie wissen sollten, dass der Code, den Sie schreiben, zeilenweise von oben nach unten ausgeführt wird. Dieser Stil der Codeausführung wird auch als „interpretierten Programmiersprache“ bezeichnet.
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 Code, den Sie schreiben, „kompiliert“ wird und als Ganzes vom Computer ausgeführt wird. Das ist auch der Grund, warum es schwieriger sein kann, eine kompilierte Programmiersprache zu lernen, 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 inherenten Vorteil, zu sehen, in welcher Zeile Sie den Fehler gemacht haben, zum Beispiel wenn Sie ein Semikolon vergessen oder nicht übereinstimmende Klammern in Ihrem Code haben. Diese Eigenschaft mag 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 Zeile JavaScript so schnell wie möglich ausgeführt wird.
Ein Computerprogramm ist am Ende des Tages eine Ansammlung von Anweisungen an den Computer. Aber wo endet ein Programm und wo beginnt die nächste Anweisung? Es gibt verschiedene Ansätze für dieses Problem. JavaScript verwendet zwei Hauptsachen, das Semikolon und Klammern.
Je nach Art der Anweisung, die wir schreiben, verwenden wir im Allgemeinen entweder das eine oder das andere, um eine Gruppe von Anweisungen zu beenden oder zu verpacken. Wir verwenden unterschiedliche Arten von Klammern für unterschiedliche Funktionalitäten und Datentypen. Zum Beispiel in dem Code alert(„Hallo, Welt!“);, den wir zuvor ausgeführt haben, sagen die Klammern, die den Text „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 er zur nächsten Anweisung übergehen kann. Dies ist sehr ähnlich, wie wir einen Punkt „.“ verwenden, um Sätze im Englischen zu beenden.
Kommentare zum Code hinzuzufügen, ist ein wesentlicher Bestandteil des Programmierens. Es mag einfach sein, zu verstehen, was für einen Code Sie schreiben, während Sie ihn schreiben, aber je nach Komplexität des Codes haben Sie möglicherweise in sechs Monaten, wenn Sie zum Code zurückkehren, nur sehr wenig Ahnung.
Kommentare hinzuzufügen, macht es nicht nur viel einfacher, Ihren Code für Ihr zukünftiges Ich zu verstehen, sondern es erleichtert auch jedem, mit dem Sie arbeiten, den Code zu verstehen. Es kann Ihnen auch helfen, Ihr Verständnis für das Problem, an dem Sie arbeiten, besser zu entwickeln, da es normalerweise viel einfacher ist, Probleme zu lösen, indem man sie in kleinere, überschaubare Teile aufteilt. Die kommentierten Teile Ihres Codes werden vom Interpreter ignoriert und nicht ausgeführt.
Es gibt zwei Möglichkeiten, wie Sie Kommentare in JavaScript hinzufügen können. Die erste Möglichkeit ist, einen einfachen „einzeiligen“ Kommentar mit zwei Schrägstrichen wie folgt hinzuzufügen:
// dies ist ein Kommentar
Auf diese Weise wird alles, was Sie nach den zwei Schrägstrichen schreiben, in der spezifischen Zeile, in der Sie die Schrägstriche gesetzt haben, ignoriert. Sie können dies so oft wiederholen, wie Sie möchten, um mehrere Zeilen mit Kommentaren zu versehen, wie folgt:
// dies ist ein Kommentar. // dies ist ein weiterer Kommentar. // Sie können so weiter kommentieren.
Ein weiterer Grund, warum wir Kommentare verwenden, ist, um einen Teil des Codes auszukommentieren, um mit dem Code zu experimentieren. Zum Beispiel können Sie dieselbe Funktionalität auf verschiedene Arten schreiben und möchten möglicherweise eine Version des gleichen Codes auskommentieren, um deren individuelle Leistung oder Ergebnisse zu vergleichen. Lassen Sie uns das auch mit einem Beispiel sehen.
Gehen Sie voran und kopieren Sie den folgenden Code und fügen Sie ihn in Ihre JavaScript-Konsole ein, die Sie in Chrome geöffnet haben.
// Benutzer begrüßen alert("Hallo, Benutzer!"); alert("Hi, Benutzer!");
Wenn Sie zusätzliche Übung wünschen, können Sie den gesamten Code auch selbst schreiben. Eine Sache, die Sie über das Schreiben mehrerer Zeilen Code in der Konsole wissen sollten, ist, dass Sie, um zur nächsten Zeile zu gelangen, ohne sie auszuführen, „Shift + Enter“ drücken können. Andernfalls, nachdem Sie eine einzelne Zeile Code geschrieben haben, wird diese Zeile ausgeführt, wenn Sie einfach Enter drücken. In diesem Beispiel ist das kein großes Problem, und es ist tatsächlich in Ordnung, es zeilenweise auszuführen, da wir ein einfaches Beispiel haben, das auch in diesem Stil funktionieren kann.
Nachdem Sie entweder den Code kopiert und eingefügt oder selbst geschrieben haben, 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 auf „OK“ klicken; in diesem Fall tun sie nichts, da dies eine einfache Warnung ist und nichts auslöst, nachdem die Nachricht angezeigt wurde, die wir anzeigen möchten.
Wenn wir den Code auf diese Weise ausgeführt haben, führen wir dieselbe Funktionalität zweimal aus. Aber was sollten Sie tun, wenn Sie nur eine Implementierung zur gleichen Zeit sehen möchten? Nun, Sie wissen genau, was Sie in diesem Fall tun müssen, denn wir haben bereits darüber gesprochen. Gehen Sie voran und kommentieren Sie eine der Zeilen aus, nachdem Sie den Code eingefügt oder geschrieben haben, damit nur die zweite Implementierung von „Hi, Benutzer!“ ausgeführt wird.
Sobald Sie die Herausforderung abgeschlossen haben oder wenn Sie während der Herausforderung stecken bleiben, können Sie den Lösungscode zur Herausforderung unten sehen. Bevor Sie sich die Lösung ansehen, empfehle ich immer dringend, 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, wenn Sie eine Zeile Code auskommentieren, sie die gleiche Farbe wie die vorherige kommentierte Zeile annimmt. Dieser Farbunterschied macht für den Computer tatsächlich keinen Unterschied, ist aber eine recht hilfreiche Funktion für uns, wenn wir Code schreiben. Auf diese Weise ist es viel einfacher, wenn Sie versehentlich eine Zeile Code auskommentieren, da die Farben es offensichtlich machen.
Eine weitere Möglichkeit, Code zu kommentieren, besteht darin, den Schrägstrich und das Sternchen zu verwenden. Auf diese Weise können wir einzeilige oder mehrzeilige Kommentare in unserem Code erstellen.
/* ein einzeiliger Kommentar *//* das Kommentieren beginnt, wenn wir einen Schrägstrich und ein Sternchen setzen und die kommentierten Bereiche enden wenn wir den Kommentar mit einem Sternchen und dem Schrägstrich schließen so wie dies */
Jetzt kennen Sie die JavaScript-Grundlagen. Im nächsten Tutorial werden wir ein äußerst gängiges Konzept in der Programmierung namens „Variablen“ sowie grundlegende Datentypen in JavaScript sehen.
JavaScript-Experte und Dozent, der IT-Abteilungen schult. Sein Hauptziel ist es, die Produktivität des Teams zu steigern, indem er anderen beibringt, wie man effektiv beim Programmieren zusammenarbeitet.
Wer ist ein Onboarding-Spezialist? Onboarding ist eines der Instrumente des Personalmanagements. Es ist die letzte…
Obwohl es so erscheinen mag, dass Crowdfunding und Crowdlending dieselben Konzepte sind, werden sie oft…
Ist es möglich, ein erfolgreiches Startup zu gründen, indem man Freiberufler einstellt? Ja, das ist…
Große und mittelständische Unternehmen mit einer eigenen Personalabteilung beschäftigen neben Personalfachleuten auch Personalanalysten. Wenn die…
Planen Sie, einen Online-Shop einzurichten, und fragen sich, wo Sie anfangen sollen? Wie man eine…
Wie macht man ein Stockfoto? Ist es schwierig, ein tolles Stockbild zu erstellen, das verkauft…