Was ist JavaScript? - Ratgeber für Anfänger

Für Webentwickler waren HTML und CSS da, um Inhalte auf der Website anzuzeigen und ästhetisch ansprechend aussehen zu lassen. Sie konnten jedoch nicht mit der Interaktivität der Webseiten umgehen. Zu diesem Zweck war eine andere Sprache erforderlich, um den Programmieraspekt Ihrer Website zu verarbeiten. Damit es das dynamisches und interaktives Verhalten Ihrer Website bewältigen kann.

Daher kam JavaScript. Es ist eines der beliebtesten Skriptsprachen das funktioniert an der Client-Seite Um die Interaktivität Ihrer Webseite zu bewältigen. Darüber hinaus kann es das dynamische Verhalten der Website erhöhen, indem der von dem Webserver empfangene Inhalt manipuliert wird. Es gibt eine ganze Reihe von Dingen, die JavaScript tun kann. Wir werden es in diesem Artikel zusammen mit der Funktionsweise und einigen grundlegenden Konzepten lernen.

Verschiedene Funktionen, die Sie mit JavaScript machen können:

• Ändern Sie den Inhalt der Webseite, indem Sie die Elemente hinzufügen und entfernen.
• Überwachen Sie verschiedene Mausklicks, schweber Ereignisse und erledigen Sie ihre Aktionen.
• Kontrollieren Sie verschiedene Animationen und Übergänge.
• Ereignisbehandlung Wenn ein Benutzer einige Eingaben eingibt.
• Überprüfen Sie die Eingaben, die der Benutzer vor dem Senden an den Server anbietet.

Und so viel mehr, dass Sie steuern können, wie sich Ihre Seite verhält.

Warum JavaScript lernen??

JavaScript wurde nur für interaktive Webseiten als Tool angesehen. Aber diese Tage sind weg, und jetzt können Sie vollständige mobile und Webanwendungen sowie Netzwerkanwendungen erstellen, die verschiedene Frameworks von JavaScript verwendet haben.

Sie können auch Browserspiele mit JavaScript entwerfen. Es wächst aus anderen Sprachen und berühmte Unternehmen bauen ihre Bewerbungen rund um JavaScript auf. Jetzt wissen Sie, wie wichtig es ist, JavaScript zu lernen, also lassen Sie uns sehen, wie es funktioniert.

JavaScript -Code -Editor

Für JavaScript -Code können Sie die Konsole des Browsers oder sogar die Online -JS -Redakteure verwenden. Aber es ist am besten, Code -Editoren zu verwenden. Es gibt verschiedene Code -Editoren wie Visual Studio Code, Sublime Text, Atom und mehr können Sie verschiedene JavaScript -Editoren überprüfen, die über diesen Artikel verfügbar sind. Von diesen wird Visual Studio Code sehr empfohlen, da er der am häufigsten verwendete Code-Editor ist, und die Gründe dafür sind die ständige Unterstützung für bevorstehende Technologien und benutzerfreundliche Benutzeroberflächen.

So fügen Sie JavaScript zu Ihrer Datei hinzu?

Es gibt zwei Möglichkeiten, JavaScript zu Ihrer HTML -Datei hinzuzufügen:

Internes Skript (Konfigurieren von JavaScript in der HTML -Datei mit Tag)

Externes Skript (Erstellen einer separaten Datei für JS -Code und Hinzufügen des Links im Tag hinzuzufügen

Konsole.Protokoll, Warnungen und Dokument.Schreiben Sie in JavaScript

Ein nützlicher Befehl zum Debuggen und Protokoll Ihres Code ist Konsole.Protokoll. Es ist nützlich, indirekt Inhalte in der Webkonsole zu schreiben.

Konsole.log ("Hallo Welt");

Warnungen werden verwendet, um dem Endbenutzer, der auf die Webseite zugreift, Benachrichtigungen bereitzustellen.

alarm ("Hallo Welt");

Dokumentieren.schreiben Ändert den Inhalt auf der Webseite, indem Sie zusätzliche Inhalte zu Ihrer Webseite hinzufügen.

dokumentieren.Schreiben ("Willkommen auf der Webseite!");

In JavaScript hat die Konsole eine Reihe von Methoden. Weitere Informationen finden Sie hier.

So fügen Sie Kommentare in JavaScript hinzu

Während des Programmierens sind das Schreiben von Kommentaren äußerst nützlich. Es hilft Ihnen, sich zu erinnern, was Sie codiert haben und ob Sie zusätzliche Informationen für die andere Person schreiben müssen, die Ihren Code überprüft. Beide einzel Und mehrere Zeilenkommentare können geschrieben werden. Um einen einzelnen Kommentar in Code (JavaScript) zu verwenden, verwenden wir //:

// Dieser gesamte Satz ist ein großer Einzelzeilungskommentar.

Während im Fall der Verwendung mehrerer Zeilenkommentare / * in der Betteln und schließen Sie es mit * /:

/* Dies ist ein Mehrzeilungskommentar. Sie können sogar Ihr Blog hier, wenn Sie möchten. */

Variablen in JavaScript

Genau wie in jeder anderen Programmiersprache werden auch Variablen in JavaScript verwendet. Die Aufgabe einer Variablen besteht darin, einen Datentyp in einer benannten Referenz zu halten. In JavaScript können wir Variablen auf drei Arten festlegen: var, lassen, Const.

Der var wird seit Beginn von JavaScript verwendet und weltweit skopiert, was bedeutet, dass alle Funktionen auf dieser Seite oder in diesem Programm darauf zugreifen können.

var x = 15;
var y = 4;
Konsole.log (x + y);

Ausgang:

Da es weltweit skopiert ist, ist es besser zu verwenden lassen Und Const. Der Grund dafür ist, dass Sie manchmal eine Variable in einer IF -Anweisung deklarieren möchten, und außerhalb dessen, wenn Sie die Variable mit demselben Namen deklarieren möchten. Die Verwendung von var verursacht Probleme. Um mehr über globale Variablen in JavaScript zu erfahren, können Sie diesen Artikel überprüfen.

Die verbleibenden zwei Arten von Variablen, die in JavaScript verfügbar sind lassen Und Const. Mit LET können wir jeden Datentyp deklarieren, während im Fall von const nur konstante Werte deklariert werden.

lass msg = "Hallo Welt";
Konsole.log (msg);
msg = 10;
Konsole.log (msg);

Ausgang:

Hier haben wir eine Zeichenfolge sowie einen Zahlendatentyp unter Verwendung der Let -Variablen deklariert. Wenn wir nun versuchen, einen anderen Wert als Konstante zu deklarieren, gibt es uns einen Fehler.

// unten führt zu einem Fehler.
const pi = 3.142;
Konsole.log (pi);
pi = 3.15;
Konsole.log (pi);

Datentypen in JavaScript

JavaScript bietet uns verschiedene Datentypen wie z Zahlen, Saiten, Booleschen, Schweben, Objekte, und mehr. Wenn Sie über die Datentypen in JavaScript lesen möchten, können Sie zu den offiziellen MDN -Dokumenten gehen. Es gibt dem Programm mit, mit welchen Daten sie arbeiten und mit denen sie arbeiten und manipulieren.

Nummer: Der Datentyp zur Darstellung einer positiven, negativen Ganzzahl oder Gleitkomma ist die Zahl.

sei num = 11;
Konsole.log (num);
Konsole.log (typeof num);
Num = -12;
Konsole.log (num);
Konsole.log (typeof num);

Ausgang:

Saite: Um eine Abfolge von Zeichen zu speichern, wird der String -Datentyp verwendet.

lass x = "Willkommen"
Konsole.log (x);
Konsole.log (typeof x);

Ausgang:

Boolean: Ein Datentyp, der wahre und falsche Werte in einem Programm darstellt.

Sei x = true
Konsole.log (x);
Konsole.log (typeof x);

Ausgang:

Objekte: Um die Sammlung verschiedener Datentypen in einer einzigen Variablen zu speichern, werden Objekte verwendet.

lass Movie =
Name: "Inception",
Genre: "Thriller",
JAHREFRELEADE: "2010",
NummerOfCopies: 10
;
Konsole.log (film);
Konsole.log (Art des Films);

Ausgang:

Arrays in JavaScript

Um die Erfassung von Daten aller Art zu speichern, können wir Arrays verwenden. Initialisieren Sie einfach das Array mit dem Array -Konstruktor:

monate = new Array ();

Oder mit [] Initialisierung:

monate = [];

Oder erstellen Sie einfach ein Array mit expliziten Daten:

Monate = ["Januar", "Februar", "März", "April", "May"];

Der Index in Array beginnt mit Null und greift auf ein Element zu, das Sie einfach ein Array [Indexposition] schreiben müssen:

Monate = ["Januar", "Februar", "März", "April", "May"];
Konsole.log (Monate [3]);

Ausgang:

Um das Array -Konzept in JavaScript besser zu verstehen, überprüfen Sie diesen Artikel.

Methoden für verschiedene Datentypen in JavaScript

Es gibt verschiedene Methoden, um die Werte verschiedener Datentypen zu manipulieren.

Stringmethoden: Um die Werte einer Zeichenfolge zu ändern, stehen uns zahlreiche verschiedene Methoden zur Verfügung. Diese können verwendet werden, um die Länge einer Zeichenfolge zu überprüfen, die Position eines bestimmten Wortes in einer Zeichenfolge zu finden oder in verschiedene Datentypen umzuwandeln.

Lass x = "Hallo, willkommen zu Hause"
// um die Zeichenfolgelänge zu überprüfen
Konsole.log (x.Länge);
// um einen bestimmten Teil der String zu schneiden
Konsole.log (x.Scheiben (3, 7));
// um ein bestimmtes Wort in einer Zeichenfolge zu ersetzen
Konsole.log (x.ersetzen ("zu Hause", "hier");
// um die Zeichenfolge in Kleinbuchstaben umzuwandeln
Konsole.log (x.TolowerCase ());

Ausgang:

Natürlich gibt es mehrere andere Methoden, wenn Sie diesen Artikel auch mehr überprüfen möchten.

Zahlenmethoden: Ähnlich wie zum Manipulieren des Wertes eines Zahlendatentyps gibt es verschiedene Methoden. Einige davon sind unten bereitgestellt:

Sei x = 4445.4
// Zahlen in eine Zeichenfolge konvertieren
Konsole.log (x.TOSTRING);
// um die Nummer in ihre exponentielle Formkonsole umzuwandeln.log (x.toxponential ());
// gibt die Nummer mit angegebener Länge zurück
Konsole.log (x.TopRecision (2));

Ausgang:

JavaScript bietet uns Methoden für Objekte, Boolesche, Arrays und mehr.

Bedingungen in JavaScript

Ein weiterer grundlegender Teil der Programmierung besteht darin, Entscheidungen zu treffen und einige Aktionen auf der Grundlage dieser Entscheidungen zu verursachen. Dies kann durch bedingte Aussagen in JavaScript erfolgen. Sie können verwenden:

Ansonsten:

STALGALE = 1200;
if (Gleichgewicht < 1000)

Konsole.log ("Balance weniger als 1000");

anders

Konsole.log ("Balance mehr als 1000");

Ausgang:

Wenn ... sonst wenn ... sonst:

STALGALE = 1200;
if (Gleichgewicht <1000)
Konsole.log ("Balance weniger als 1000");
else wenn (Balance> 1000 && Balance <1500)
Konsole.log ("Gleichgewicht zwischen 1000-1500");
sonst Konsole.log ("Balance mehr als 1500");

Ausgang:

Schalten:

lass Alphabet = 'B';
Schalter (Alphabet)

Fall 'a':
Konsole.log ("Ei");
brechen;
Fall 'B':
Konsole.log ("mango");
brechen;
Standard:
Konsole.log ("Tee!");

Ausgang:

Um das Thema besser zu verstehen.

Schleifen in JavaScript

Bis ein bestimmter Zustand erfüllt ist. Loops wiederholen weiter. So arbeiten sie zusammen mit Beispielen zusammen:

Für Schleife

Es schaltet sich mehrmals durch einen bestimmten Code durch.

für (lass i = 0; i < 10; i++)

Konsole.log (i + "");

Ausgang:

Sie können das Konzept und die Arbeit dieses Artikels verstehen.

While-Schleife

Schleifen durch einen angegebenen gegebenen Code, bis die angegebenen Bedingungen erfüllt sind.

sei i = 0;
während ich <4 )

Konsole.log (i + "");
i ++;

Ausgang:

Machen während der Schleife

Ähnlich wie bei der while-Schleife gibt es eine Schleife in der Zeit. Es unterscheidet sich in diesem Aspekt, dass hier zumindest die Schleife einmal ausgeführt wird. Der Grund dafür ist, dass die Bedingungen am Ende der Schleife überprüft werden.

sei i = 0;
Tun

Konsole.log (i + "");
i ++;
während ich < 3);
Ausgang:

Ausgang:

Für jede Schleife

Um eine Sammlung wie Arrays zu iterieren, wird für jede Schleife verwendet.

lass borte = ["m", "a", "n", "g", "o"];
Brief.für jede(
Funktion (Eintrag)

Konsole.log (Eintrag + "");

);

Ausgang:

Dies soll Ihnen nur ein grundlegendes Verständnis vermitteln. Wenn Sie dies ausführlich verstehen möchten, überprüfen Sie diesen Artikel oder um die For-In-Schleife zu verstehen, können Sie diesen Artikel auch überprüfen.

Funktionen in JavaScript

Funktionen sind Codeblöcke, die zugewiesen sind, um einige Aufgaben auszuführen. Sie möchten beispielsweise eine Nachricht anzeigen, wenn Sie auf eine Schaltfläche klicken. Dies wird also durch die Verwendung von Funktionen geschehen. Um das Konzept im Detail zu verstehen, können Sie diesen Artikel überprüfen.

Hier ist eine Demonstration, wie es funktioniert:

Funktion Addition (i, j = 5)

Rückkehr i + j;

let Ergebnis = Addition (3,5);
Konsole.log ("add (3,5) ist" + Ergebnis);

Ausgang:

Im obigen Beispiel wurden zwei Zahlen in die Funktion von Addition () übergeben und im variablen Ergebnis gespeichert.

JavaScript bietet uns verschiedene Datentypen, Funktionen, Methoden und eingehender. Diese sind äußerst nützlich und erleichtern das Verständnis des Programms. Es gibt so viele Möglichkeiten, wie Sie JavaScript, sowohl über Bücher als auch über Online -Ressourcen lernen können.

Abschluss:

Im heutigen Leitfaden haben wir die Grundlagen von JavaScript gelernt. JavaScript ist für interaktive und attraktive Webseiten nichts weniger als wesentlich geworden. JavaScript bietet uns heutzutage verschiedene Frameworks, die uns sogar bei der Entwicklung von Web- und mobilen Anwendungen helfen. Entwickler erstellen auch Browserspiele mit JavaScript.

Mit der Zunahme der Nachfrage nach JavaScript nimmt auch die Ressourcen zum Erlernen der Sprache zu. Sie können es durch Online -Tutorials, Kurse oder sogar in Büchern lernen. Aber egal, was Ihr Lernmedium ist, das einzige, was Sie zu einem Experten macht, ist das Üben.