Veröffentlicht von & unter Allgemein.

Vanilla JavaScript bezieht sich auf die Verwendung reinen JavaScript ohne zusätzliche Bibliotheken oder Frameworks. Wenn Sie JavaScript „vanilla“ verwenden, schreiben Sie Ihren Code direkt in die JavaScript-Sprache und verwenden nur Funktionen, die in den Browser oder in JavaScript selbst enthalten sind.

Ein Beispiel für vanilla JavaScript ist, ein Element auf einer Webseite mit JavaScript zu suchen und dessen Inhalt zu ändern:

<div id="myDiv">Dieser Text wird geändert</div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "Neuer Text";
</script>

Im Gegensatz dazu gibt es JavaScript-Bibliotheken wie jQuery, die viele nützliche Funktionen bereitstellen, die Sie in vanilla JavaScript selbst schreiben müssten, zum Beispiel um auf Elemente zugreifen zu können oder Animationen durchführen zu können.

<div id="myDiv">Dieser Text wird geändert</div>
<script src="jquery.js"></script>
<script>
$("#myDiv").html("Neuer Text");
</script>

Vanilla JavaScript ist oft die „ursprüngliche“ und „reine“ Art, JavaScript zu verwenden und ermöglicht es Ihnen, die tiefgreifenden Funktionsweisen der Sprache besser zu verstehen und Ihre Fähigkeiten zu verbessern. Es wird oft empfohlen, JavaScript „vanilla“ zu lernen, bevor Sie sich mit Bibliotheken oder Frameworks beschäftigen.

WebAssembly statt Javascript?

Ab 2023 empfehlen Experten, auf die Verwendung von JavaScript-Frameworks zu verzichten und stattdessen auf Vanilla JavaScript zurückzugreifen. Der Grund dafür ist die Einführung von WebAssembly als neue Technologie für die Ausführung von Code im Browser.

WebAssembly ermöglicht es, Code in einer binären Form zu schreiben und auszuführen, die schneller und effizienter als JavaScript ist. Durch die Verwendung von WebAssembly können Entwickler ihren Code direkt in die nativen Funktionen des Browsers integrieren, was zu einer deutlichen Steigerung der Leistung führt.

Ein weiterer Vorteil von WebAssembly ist, dass es vollständig mit JavaScript kompatibel ist, was bedeutet, dass Entwickler ihren bestehenden JavaScript-Code einfach in WebAssembly konvertieren können, ohne dass Änderungen am Code vorgenommen werden müssen.

Daher empfehlen Experten, JavaScript-Frameworks zugunsten von Vanilla JavaScript zu vermeiden, da WebAssembly die Nachteile von JavaScript (wie z.B. langsame Ausführung) automatisch beseitigt und dadurch überflüssig macht.

Zusammenfassend lässt sich sagen, dass die Verwendung von Vanilla JavaScript ab 2023 die beste Wahl für Entwickler ist, da es die Vorteile von WebAssembly voll ausschöpft und die Nachteile von JavaScript beseitigt, und es ermöglicht das Entwickeln von schnelleren und effizienteren Anwendungen.