Was ist Vanilla JavaScript?

„Vanilla JavaScript“ ist ein Begriff, den Entwickler verwenden, um gewöhnliches JavaScript zu beschreiben. Er definiert die Verwendung der eingebauten JavaScript-Methoden und -Objekte ohne zusätzliche Frameworks oder Bibliotheken. 

Daher sollte Vanilla.js-Code direkt nach dem Auspacken funktionieren. Eine externe Bibliothek herunterzuladen oder einzubinden, ist nicht nötig. Der Hinweis steckt schon im Namen: Die Bezeichnung „Plain Vanilla“ beschreibt es als etwas, das keine besonderen oder zusätzlichen Funktionen benötigt. Mit anderen Worten: Vanilla.js ist „gewöhnlich“ oder „Standard“.

Wie funktioniert Vanilla JavaScript?

Vanilla.js ist ein Spoof-Framework und im Grunde eine scherzhafte Bezeichnung. Wenn Nutzer die verschiedenen Optionen konfigurieren und Vanilla.js herunterladen, erhalten sie eine leere Datei. Und das unabhängig davon, welche Funktionen ausgewählt wurden. 

Die Entwickler von Vanilla.js haben sie offensichtlich erstellt, um sich über diejenigen lustig zu machen, die glauben, dass jedes Projekt eine Bibliothek oder ein Framework verwenden muss. Die Seite selbst weist darauf hin, dass beliebte Websites wie Facebook, Twitter und Google Vanilla.js verwenden.

Der Begriff „Vanilla-Skript“ wird verwendet, um das reine JavaScript oder „Plain JavaScript“ ohne jede Art von zusätzlicher Bibliothek zu unterscheiden. Das Vanilla-Skript gehört zu den simpelsten Frameworks. Es ist einfach und unkompliziert zu erlernen sowie zu benutzen. Mit Vanilla.js können Nutzer zahlreiche Anwendungen sowie Websites erstellen.

Das Entwicklerteam, das Vanilla JavaScript entwickelt hat, arbeitet ständig daran, es für Web-Entwickler zu verbessern. Zahlreiche bekannte Webseiten verwenden derzeit Vanilla JavaScript. Diese werden auch auf der Homepage von Vanilla JavaScript erwähnt. Dazu gehören beispielsweise Facebook, Google, YouTube, Wikipedia, Twitter und Amazon. Tatsächlich ist die Anzahl der Webseiten, die Vanilla.js verwenden, viel höher als die Zahl der Seiten, die die freie JavaScript-Bibliothek jQuery einsetzen.

Wie ist der Begriff „Vanilla JavaScript“ populär geworden?

Der Begriff „Vanilla JavaScript“ wurde durch die Verbreitung von externen JavaScript-Bibliotheken wie jQuery und MooTools populär. Mit der zunehmenden Verwendung von externen Bibliotheken und Plug-ins wurde die Grenze zwischen regulärem JavaScript und solchen wie jQuery unscharf. 

Anfänger unter den Entwicklern kannten oft nicht den Unterschied zwischen den beiden. Es dauerte nicht lang, bis das JavaScript-Ökosystem mit beliebten Plug-ins und Tools überflutet wurde, die sich auf externe Bibliotheken stützten. Insbesondere jQuery ist ein bekanntes Beispiel dafür. jQuery ist eine Bibliothek, die Anwendern hilft, bestimmte Operationen zu vereinfachen. 

Zudem half die Bibliothek, viele der browserübergreifenden Probleme zu überspielen, die es mit dem Internet Explorer gab. Allerdings begann die Popularität von jQuery zu übernehmen und schon bald wurde es schwierig, eine JavaScript-Lösung zu finden, bei der sie nicht verwendet wurde. Viele Tutorials setzten voraus, dass Anwender die Bibliothek bereits benutzten. Benutzer auf Frage-und-Antwort-Websites empfahlen sie für die einfachsten Operationen. Plug-ins und andere gängige Tools begannen, davon abhängig zu sein.

Warum sollten Anwender Vanilla JavaScript erlernen?

Dies ist eine sehr häufige Frage, die von Anfängern gestellt wird. Wenn es schon so viele Frameworks und Bibliotheken gibt, warum sollten Anwender dann Vanilla.js erlernen und benutzen? Es gibt mehrere Gründe, Vanilla.js anzuwenden. Die wichtigsten sind:

Web-Performance

Vanilla.js ist besser für die Web-Performance als viele andere Frameworks und Bibliotheken, da es der teuerste und wichtigste Teil des Frontend-Stacks ist. Vanilla-Code muss kompiliert und geparst werden, im Gegensatz zu HTML- und CSS-Dateien, die erst dann zur Verfügung stehen, wenn sie heruntergeladen werden. Eine Vanilla-Datei mit einer Größe von 50 Kilobyte hat eine viel größere Auswirkung auf die Web-Performance als HTML- und CSS-Dateien der gleichen Datengröße.

Benutzerfreundlichkeit

Während der Entwicklung einer Anwendung oder Website mit JavaScript muss ein Entwickler nur den Texteditor öffnen und kann mit der Codierung beginnen. Entwickler brauchen keine zusätzlichen Schritte wie npm-Installation oder Kompilierungsschritte durchzuführen.

Es vereinfacht die Arbeit mit Frameworks

Für den Fall, dass ein Entwickler noch eines der anderen Frameworks verwenden möchte, macht es die Arbeit mit ihnen ebenfalls komfortabler. Nutzer wissen, wie schwer es ist, mit einem Framework anzufangen. In der Dokumentation wird eine Menge Wissen vorausgesetzt. Wenn Anwender verstehen, wie die verfügbaren Tools funktionieren, sind sie einfacher zu lernen. Vanilla.js bildet diese Grundlage.

Einige andere wichtige Vorteile des Vanilla-Skripts sind wie folgt:

  • Interoperabilität: Nutzer können das JavaScript in verschiedenen Webseiten und Anwendungen einfügen, weil es andere Sprachen wie PHP und Pearl unterstützt.
  • Server-Auslastung: Die Ausführung des JavaScripts erfolgt auf der Client-Seite und reduziert so den Gesamtbedarf an Server-Nutzung. Außerdem erfordert die einfache Anwendung keine Beteiligung des Servers.
  • Reiche Schnittstellen: Mithilfe von JavaScript können Anwender eine hervorragende Qualität von Funktionen wie Drag-and-drop und Komponenten wie einen Schieberegler erstellen. Dies kann die Benutzererfahrung auf der Website positiv beeinflussen.
  • Geschwindigkeit: Da die Ausführung auf der Client-Seite erfolgt und keine externen Ressourcen benötigt werden, ist die Geschwindigkeit besser. Die Geschwindigkeit von JavaScript wird außerdem nicht durch die Aufrufe an einen Back-End-Server beeinträchtigt.

Anwender sollten sich bewusst sein, dass JavaScript viele leistungsbezogene Vorteile bietet. Wenn sie sich gegen Vanilla JavaScript oder reines JavaScript entscheiden, werden die meisten dieser Vorzüge nicht genutzt.

Nachteile des Vanilla JavaScripts

Einer der größten Nachteile des Vanilla JavaScripts ist die clientseitige Sicherheit, da der Code von JavaScript bekanntlich auf der Client-Seite einsehbar ist. Daher kann ihn jeder modifizieren und als Werkzeug für bösartige Zwecke verwenden. 

Ein weiterer großer Nachteil von JavaScript ist, dass es keine Debugging-Funktion hat. Nutzer können es nicht für netzwerkbasierte Anwendungen verwenden, da es keine derartige Unterstützung gibt. Das Vanilla-Skript verfügt auch nicht über Fähigkeiten wie Multiprozessoren oder Multithreading usw. Darüber hinaus erlaubt das Skript aus Sicherheitsgründen nicht das Auslesen und Schreiben von Dateien.

Fazit

Vanilla JavaScript ist ein Begriff, um gewöhnliches JavaScript zu beschreiben. Obwohl Bibliotheken und Frameworks immer noch sehr beliebt sind, sind sie keine Notwendigkeit mehr. Viele Probleme der älteren Browser sind gelöst. Moderne Browser sind besser darin, offene Standards zu befolgen. 

Infolgedessen können Nutzer jetzt entscheiden, ob eine Bibliothek wirklich notwendig ist. Vanilla JavaScript ist eigentlich gar keine Bibliothek. Es gibt sogar Anzeichen dafür, dass reines Javascript an vielen Stellen schneller ist. Heute können Anwender sehr schnell auf vorhandene Bibliotheken zugreifen und diese in ihre Projekte integrieren. Sie sollten sich jedoch immer fragen, welche Funktion damit eingesetzt wird und wie viel Arbeit durch das zusätzliche Framework entsteht.

Interessante Links:

Informationen wie grosse Firmen Vanilla JavaScript einsetzen

Eine Wiki Seite zu Vanilla.JS

Bilder: Canva


Der Autor: Sascha Thattil arbeitet bei YUHIRO und hilft Unternehmern und Unternehmen beim einfachen Aufbau von Programmier-Teams in Indien. YUHIRO ist ein deutsch-indisches Unternehmen welches IT Firmen, Agenturen und IT Abteilungen Softwareentwickler bereitstellt.

Schreibe einen Kommentar