Was ist JavaScript und wie funktioniert es?

Was ist JavaScript und wie funktioniert es?

JavaScript ist aus der modernen Webentwicklung nicht mehr wegzudenken. Diese leistungsstarke Sprache hat sich zu einem unverzichtbaren Werkzeug für jeden Webentwickler entwickelt.





JavaScript hat spezielle Funktionen, die es von herkömmlichen Programmiersprachen unterscheiden. Wir werden uns damit befassen, was es ist, wie es funktioniert und was Sie damit machen können. Lass es uns aufschlüsseln.



Was ist JavaScript?

JavaScript ist eine Skriptsprache für das Web. Es ist eine interpretierte Sprache, was bedeutet, dass es keinen Compiler benötigt, um seinen Code wie C oder C++ zu übersetzen. JavaScript-Code wird direkt in einem Webbrowser ausgeführt.





Die neueste Version der Sprache ist ECMAScript 2018, die im Juni 2018 veröffentlicht wurde.

wie man private nachrichten auf youtube macht

JavaScript arbeitet mit HTML und CSS, um Web-Apps oder Webseiten zu erstellen. JavaScript wird von den meisten modernen Webbrowsern wie Google Chrome, Firefox, Safari, Microsoft Edge, Opera usw. unterstützt. Die meisten mobilen Browser für Android und iPhone unterstützen jetzt auch JavaScript.



JavaScript steuert die dynamischen Elemente von Webseiten. Es funktioniert in Webbrowsern und neuerdings auch auf Webservern. Application Programming Interfaces (API) werden ebenfalls von JavaScript unterstützt, was Ihnen mehr Funktionalität bietet.

Die Funktionsweise von JavaScript zu verstehen, ist ein wenig einfacher, wenn Sie verstehen, wie die Webprogrammierung funktioniert. Lassen Sie uns also mehr erfahren.



Bausteine ​​für Web-Apps

Es gibt drei Komponenten, die Websites und Apps erstellen: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) und JavaScript. Jeder hat eine Rolle beim Erstellen einer Web-App.

  • HTML ist eine Auszeichnungssprache, die das Skelett der Webseite erstellt. Alle Absätze, Abschnitte, Bilder, Überschriften und Texte sind in HTML geschrieben. Die Inhalte erscheinen auf der Website in der Reihenfolge, in der sie in HTML geschrieben sind.
  • CSS steuert den Stil und die zusätzlichen Aspekte des Layouts. CSS wird verwendet, um das Design der Website zu erstellen, indem Farben, Schriftarten, Spalten, Rahmen usw. erstellt werden. Es bringt die Website von einfachen Textelementen zu farbenfrohen Designs.
  • Das dritte Element ist JavaScript. HTML und CSS erstellen die Struktur, aber sie tun nichts von dort. JavaScript erstellt dynamische Aktivitäten in Ihrer App. Scripting in JavaScript steuert Funktionen beim Klicken auf Schaltflächen, wie Passwortformulare authentifiziert werden, wie Medien gesteuert werden.

Alle drei Teile arbeiten harmonisch zusammen, um vollständige Apps zu erstellen. Es wäre eine gute Idee, mehr über HTML und CSS zu erfahren, wenn Sie damit nicht ganz vertraut sind.



Wie funktioniert JavaScript?

Bevor Sie JavaScript schreiben, ist es wichtig zu wissen, wie es unter der Haube funktioniert. Es gibt zwei wichtige Dinge, die Sie lernen sollten: Wie der Webbrowser funktioniert und das Document Object Model (DOM).

Der Webbrowser lädt eine Webseite, analysiert den HTML-Code und erstellt aus den Inhalten ein sogenanntes Document Object Model (DOM). Das DOM präsentiert Ihrem JavaScript-Code eine Live-Ansicht der Webseite.

Der Browser greift dann alles, was mit dem HTML-Code verknüpft ist, wie Bilder und CSS-Dateien. Die CSS-Informationen stammen vom CSS-Parser.

HTML und CSS werden vom DOM zusammengestellt, um zuerst die Webseite zu erstellen. Anschließend lädt die JavaScript-Engine des Browsers JavaScript-Dateien und Inline-Code, führt den Code jedoch nicht sofort aus. Es wartet, bis das Laden von HTML und CSS abgeschlossen ist.

Sobald dies erledigt ist, wird das JavaScript in der Reihenfolge ausgeführt, in der der Code geschrieben wird. Dies führt dazu, dass das DOM durch JavaScript-Code aktualisiert und vom Browser gerendert wird.

Die Reihenfolge ist hier wichtig. Wenn das JavaScript nicht auf die Fertigstellung von HTML und CSS wartet, könnte es die DOM-Elemente nicht ändern.

Was kann ich mit JavaScript tun?

JavaScript ist eine vollwertige Programmiersprache, die die meisten Dinge kann, die eine reguläre Sprache wie Python tun kann. Diese beinhalten:

Android SD-Karte für Apps verwenden
  • Variablen deklarieren.
  • Werte speichern und abrufen.
  • Definieren und Aufrufen von Funktionen, einschließlich Pfeilfunktionen .
  • Definieren von JavaScript-Objekten und -Klassen.
  • Laden und Verwenden externer Module.
  • Schreiben von Ereignishandlern, die auf Klickereignisse reagieren.
  • Servercode schreiben.
  • Und vieles mehr.

Warnung: Da JavaScript eine so mächtige Sprache ist, ist es auch möglich, Malware, Viren und Browser-Hacks zu schreiben, um sie den Benutzern zuzufügen. Diese reichen vom Diebstahl von Browser-Cookies, Passwörtern, Kreditkarten bis hin zum Herunterladen von Viren auf Ihren Computer.

JavaScript verwenden

Sehen wir uns einige JavaScript-Grundlagen mit Codebeispielen an.

Variablen deklarieren

JavaScript ist dynamisch typisiert, was bedeutet, dass Sie den Typ Ihrer Variablen in Ihrem Code nicht deklarieren müssen.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Betreiber

Zusatz

12 + 5
>> 17

Subtraktion

20 - 8
>> 12

Multiplikation

5 * 2
>> 10

Aufteilung

50 / 2
>> 25

Modul

45 % 4
>> 1

Arrays

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Funktionen

JavaScript kann Funktionen schreiben, hier ist eine einfache Funktion, die Zahlen hinzufügt.

Anzeichen dafür, dass dein Telefon abgehört wird
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Schleifen

JavaScript kann Schleifen für die Iteration ausführen, Schleifen wie für Schleifen und while-Schleifen.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Kommentare

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Auf einer Webseite

Die gebräuchlichste Methode zum Laden von JavaScript in eine Webseite ist die Verwendung der Skript HTML-Tag. Je nach Ihren Anforderungen können Sie eine der folgenden Methoden verwenden.

  • Laden Sie eine externe JavaScript-Datei wie folgt in eine Webseite: |_+_|
  • Sie können die vollständige URL wie folgt angeben, wenn das Javascript von einer anderen Domain als der Webseite stammt: |_+_|
  • JavaScript kann direkt in das HTML eingebettet werden. Hier ist ein |_+_|

Abgesehen von diesen Methoden gibt es Möglichkeiten, JavaScript-Code bei Bedarf zu laden. Tatsächlich gibt es Frameworks zum Laden und Ausführen von JavaScript-Modulen, wobei die richtigen Abhängigkeiten zur Laufzeit aufgelöst werden.

Das sind fortgeschrittenere Themen, gerade lernst du die Grundlagen.

Beispiel-JavaScript-Code-Snippets

Hier sind einige einfache JavaScript-Codebeispiele, um zu veranschaulichen, wie es auf Webseiten verwendet wird. Dies sind Beispiele für Code, der mit dem DOM funktioniert.

  • Im Folgenden werden alle ausgewählt Fett gedruckt Elemente im Dokument und setzt die Farbe des ersten auf Rot. |_+_|
  • Möchten Sie das Bild in einem ändern? img Schild? Im Folgenden wird ein Ereignishandler für die klicken Ereignis einer Schaltfläche. |_+_|
  • Aktualisieren Sie den Textinhalt eines Absatzes ( P ) Element? Stellen Sie die innerHTML Eigenschaft des Elements wie gezeigt: |_+_|

Diese Codebeispiele bieten nur einen kleinen Einblick in die Möglichkeiten, die Sie mit JavaScript auf Ihrer Webseite ausführen können. Es gibt viele Tutorials, die Ihnen das Programmieren beibringen, um Ihnen den Einstieg zu erleichtern. Sie können es auf jeder Webseite ausprobieren, sogar auf dieser! Öffnen Sie Ihre Konsole und probieren Sie JavaScript-Code aus.

Jetzt wissen Sie, was JavaScript tut

Hoffentlich hat diese Einführung einige Einblicke in JavaScript gebracht und Sie für die Webprogrammierung begeistert. Sie können alles zusammenfassen unser praktischer JavaScript-Spickzettel . Es gibt noch viel mehr über JavaScript zu lernen. Wenn Sie sich wohler fühlen, warum versuchen Sie nicht, den Umgang mit dem Document Object Model zu erlernen? Sie könnten auch daran interessiert sein, mehr über TypeScript zu erfahren.

Teilen Teilen Tweet Email So reinigen Sie Ihren Windows-PC mit der Eingabeaufforderung

Wenn der Speicherplatz Ihres Windows-PCs knapp wird, bereinigen Sie den Müll mit diesen schnellen Eingabeaufforderungsdienstprogrammen.

Weiter lesen Verwandte Themen
  • Technologie erklärt
  • Programmierung
  • Web Entwicklung
  • JavaScript
  • Skripting
Über den Autor Anthony Grant(40 veröffentlichte Artikel)

Anthony Grant ist ein freiberuflicher Autor für Programmierung und Software. Er ist ein Informatik-Major und beschäftigt sich mit Programmierung, Excel, Software und Technologie.

Mehr von Anthony Grant

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich zu abonnieren