Heute: April 20, 2024 6:40 pm

Einführung in JavaScript

In diesem Tutorial wollen wir sehen, welche Besonderheiten es in JavaScript gibt? Was können wir damit erreichen? Und wie nutzen andere Technologien es?

Was ist JavaScript?!

Die JavaScript-Sprache wurde ursprünglich entwickelt, um „Webseiten zu animieren“. Die Programme in dieser Sprache werden Skripte genannt. Sie können direkt in den HTML-Code einer Webseite geschrieben werden und automatisch ausgeführt werden, wenn die Seite geladen wird.

Skripte werden im Klartext dargestellt und ausgeführt. Sie erfordern keine spezielle Vorbereitung oder Montage, um zu funktionieren. In dieser Hinsicht unterscheidet sich JavaScript stark von einer anderen Sprache namens Java.

Warum heißt diese Sprache JavaScript?

Als die JavaScript-Sprache erstellt wurde, hieß sie ursprünglich "LiveScript". Aber Java war zu dieser Zeit sehr beliebt, und so wurde beschlossen, als "kleiner Bruder" von Java eine neue Sprache zu etablieren. Aber mit der Evolution wurde JavaScript mit seiner eigenen Spezifikation namens ECMAScript zu einer völlig unabhängigen Sprache und hat jetzt nichts mehr mit Java zu tun.

Wie funktionieren Motoren?

Motoren sind komplex. Aber ihre Prinzipien sind einfach. Die (in den Browser eingebettete) Engine liest den Text ("parst"). Es "kompiliert" dann das Skript in Maschinensprache. Und dann läuft der Gerätecode sehr schnell.

Die Engine wendet die Optimierung in jeder Phase des Prozesses an. Es beobachtet sogar das kompilierte Skript zur Laufzeit, analysiert die Daten, die es durchläuft, und optimiert den Maschinencode basierend auf diesem Wissen.

Was kann JavaScript im Browser?

Modernes JavaScript ist eine „sichere“ Programmiersprache. Es bietet keinen Zugriff auf Low-Level-Speicher oder CPU, da es ursprünglich für Browser erstellt wurde, die dies nicht benötigen.

Die Fähigkeiten der JavaScript-Sprache hängen weitgehend von der Umgebung ab, in der sie ausgeführt wird. Beispielsweise unterstützt Node.js Funktionen, die es JavaScript ermöglichen, benutzerdefinierte Dateien zu lesen/schreiben, Netzwerkanfragen auszuführen und so weiter.

Die JavaScript-Sprache im Browser kann alles tun, was mit Webseitenmanipulation, Benutzerinteraktion und Webserver zu tun hat.

Beispiel

Beispielsweise kann JavaScript in einem Browser:

Fügen Sie der Seite neues HTML hinzu, ändern Sie vorhandene Inhalte, ändern Sie Stile.
Reagieren Sie auf Benutzeraktionen, führen Sie Mausklicks, Zeigergesten und Tastenanschläge aus.
Anfragen über das Netzwerk an entfernte Server senden, Dateien herunterladen und hochladen (sogenannte AJAX- und COMET-Technologien).
Empfangen und setzen Sie Cookies, stellen Sie dem Besucher Fragen, zeigen Sie Nachrichten an.
Erinnern Sie sich an clientseitige Daten ("lokaler Speicher").

Was kann JavaScript im Browser nicht?

JavaScript-Funktionen im Browser sind aus Gründen der Benutzersicherheit eingeschränkt. Der Zweck besteht darin, zu verhindern, dass eine schlechte Webseite auf private Informationen zugreift oder Benutzerdaten beschädigt.

Beispiele für diese Einschränkungen sind:

  • JavaScript auf einer Webseite kann keine benutzerdefinierten Dateien auf der Festplatte lesen/schreiben, kopieren oder ausführen. Hat keinen direkten Zugriff auf Betriebssystemfunktionen.
  • Moderne Browser erlauben den Zugriff auf Dateien, aber der Zugriff ist begrenzt, und der Zugriff ist nur eingeschränkt, wenn der Benutzer bestimmte Aktionen ausführt, wie z. B. das "Ablegen" der Datei im Browserfenster oder das Auswählen durch Markieren.
  • Es gibt Möglichkeiten, mit der Kamera / dem Mikrofon und anderen Geräten zu interagieren, aber diese Methoden erfordern die ausdrückliche Erlaubnis des Benutzers. Daher darf eine Seite mit JavaScript nicht die Webcam in der Sprache aktivieren, die Umgebung überwachen und die Informationen an die NSA senden.
  • Verschiedene Tabs / Fenster kennen sich normalerweise nicht. Manchmal tun sie dies, zum Beispiel wenn ein Fenster JavaScript verwendet, um ein anderes Fenster zu öffnen. Aber selbst in diesem Fall kann JavaScript von einer Seite möglicherweise nicht auf eine andere Seite zugreifen (wenn es von verschiedenen Sites (von einer anderen Domäne, einem anderen Protokoll oder Port) stammt).

Quelle

Dies wird als "Politik gleichen Ursprungs" bezeichnet. Um dieses Problem zu lösen, müssen beide Seiten dem Datenaustausch zustimmen und einen bestimmten JavaScript-Code enthalten, der dies verwaltet. Wir werden es im Tutorial behandeln.

Diese Einschränkung dient der Sicherheit des Benutzers. Eine Seite von http://anysite.com, die von einem Benutzer geöffnet wird, sollte nicht in der Lage sein, auf einen anderen Browser-Tab mit der URL http://gmail.com zuzugreifen und ihn zu stehlen.

  • JavaScript kann sich einfach über das Netzwerk mit dem Server verbinden, von dem die aktuelle Seite stammt. Aber seine Fähigkeit, Daten von anderen Sites / Domains zu empfangen, ist gelähmt. Obwohl es möglich ist, erfordert es eine ausdrückliche Zustimmung (ausgedrückt in HTTP-Headern) aus der Ferne. Auch dies ist eine Sicherheitsbeschränkung.
JavaScript-Sprache

Wenn Sie JavaScript außerhalb eines Browsers verwenden, beispielsweise auf einem Server, gibt es diese Einschränkung nicht. Moderne Browser erlauben auch Plugins / Erweiterungen, um langfristige Berechtigungen anzufordern.

Was macht JavaScript einzigartig?

Es gibt mindestens drei interessante Dinge an der JavaScript-Sprache:

Vollständige Integration mit HTML / CSS.
Einfache Aufgaben werden einfach erledigt.
Die Unterstützung wird von allen gängigen Browsern standardmäßig aktiviert.
JavaScript ist die einzige Browsertechnologie, die diese drei kombiniert.

Das macht JavaScript einzigartig. Aus diesem Grund ist es das am weitesten verbreitete Tool zum Erstellen von Browseroberflächen.

Wie bereits erwähnt, können Sie mit JavaScript auch Server, mobile Anwendungen und mehr erstellen.

JavaScript-Sprache

JavaScript-Sprachen


JavaScript ist nicht für jeden geeignet. Unterschiedliche Menschen wollen unterschiedliche Eigenschaften.

Das ist zu erwarten, denn Projekte und Anforderungen sind für jeden anders.

So sind in letzter Zeit eine Reihe neuer Sprachen aufgetaucht, die vor der Ausführung im Browser in JavaScript konvertiert werden.

Moderne Tools machen den Druck sehr schnell und transparent. Es erlaubt Entwicklern tatsächlich, in einer anderen Sprache zu programmieren und sie automatisch „unter der Haube“ zu drehen.

Beispiele für diese Sprachen:

CoffeeScript ist ein Syntaxzucker für JavaScript. Dies führt einen kurzen Befehl ein und ermöglicht es uns, klareren und präziseren Code zu schreiben. Ruby-Entwickler mögen es normalerweise.
TypeScript konzentriert sich auf die Vereinfachung der "genauen Datentypisierung", um die Entwicklung und den Support komplexer Systeme zu vereinfachen. Hergestellt von Microsoft.
Flow fügt auch die Datentypisierung hinzu, jedoch auf andere Weise. Entwickelt von Facebook.
Darts ist eine eigenständige Sprache mit eigener Engine. Was in Nicht-Browser-Umgebungen (z. B. mobilen Anwendungen) funktioniert. Es kann aber auch auf JavaScript portiert werden. Hergestellt von Google.
Brython ist ein Python-zu-JavaScript-Server. Dadurch ist es möglich, Programme in reinem Python ohne JavaScript zu schreiben.
Kotlin ist eine moderne, prägnante und sichere Programmiersprache, die auf den Browser oder Node abzielen kann.
Da sind mehr. Selbst wenn wir eine der übertragbaren Sprachen verwenden, müssen wir natürlich JavaScript beherrschen, um wirklich zu verstehen, was wir tun.

Zusammenfassung

  • JavaScript wurde ursprünglich als reine Browsersprache entwickelt, wird aber jetzt in vielen anderen Umgebungen verwendet.
  • Heute hat JavaScript eine Alleinstellung als die am weitesten verbreitete Browsersprache mit vollständiger HTML/CSS-Integration.
  • Es gibt viele Sprachen, die in JavaScript „übersetzen“ und bestimmte Funktionen bieten. Nachdem Sie JavaScript gemeistert haben, sollten Sie sich diese kurz ansehen.

Quelle: Der Text dieses Artikels wurde übersetzt und von der offiziellen JavaScript-Site übernommen .

Mit Alfa Cyber Bleiben Sie dran, um auf dem Laufenden zu bleiben.

, , , ,
0.00 avg. rating (0% score) - 0 votes
0 Kommentare

Kein Kommentar

de_DEGerman