Underscore.JS - Einrichtung der Umgebung
In diesem Kapitel erfahren Sie ausführlich, wie Sie die Arbeitsumgebung von Underscore.JS auf Ihrem lokalen Computer einrichten. Bevor Sie mit der Arbeit an Underscore.JS beginnen, müssen Sie Zugriff auf die Bibliothek haben. Sie können mit einer der folgenden Methoden auf die Dateien zugreifen:
Methode 1: Verwenden der Datei Underscore.JS im Browser
Bei dieser Methode benötigen wir die Datei Underscore.JS von der offiziellen Website und verwenden sie direkt im Browser.
Schritt 1
Besuchen Sie als ersten Schritt die offizielle Website von Underscore.JS https://underscorejs.org/.
Beachten Sie, dass eine Download-Option verfügbar ist, mit der Sie die neueste verfügbare Unterstrich-min.js-Datei UMD (Production) erhalten. Klicken Sie mit der rechten Maustaste auf den Link und wählen Sie Speichern unter. Beachten Sie, dass die Datei mit und ohne Minimierung verfügbar ist.
Schritt 2
Schließen Sie jetzt ein underscore-min.js in der scripttaggen und mit Underscore.JS arbeiten. Hierfür können Sie den unten angegebenen Code verwenden -
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Hier ist ein Arbeitsbeispiel und seine Ausgabe zum besseren Verständnis angegeben -
Beispiel
<html>
<head>
<title>Underscore.JS - Working Example</title>
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
<style>
div {
border: solid 1px #ccc;
padding:10px;
font-family: "Segoe UI",Arial,sans-serif;
width: 50%;
}
</style>
</head>
<body>
<div style = "font-size:25px" id = "list">
</div>
<script type = "text/JavaScript">
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
document.getElementById("list").innerHTML = listOfNumbers;
</script>
</body>
</html>Ausgabe
Methode 2: Verwenden von Node.js.
Wenn Sie sich für diese Methode entscheiden, stellen Sie sicher, dass Sie haben Node.js und npmauf Ihrem System installiert. Mit dem folgenden Befehl können Sie Underscore.JS installieren -
npm install underscoreSie können die folgende Ausgabe beobachten, sobald Underscore.JS erfolgreich installiert wurde -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesUm zu testen, ob Underscore.JS mit Node.js einwandfrei funktioniert, erstellen Sie die Datei tester.js und fügen Sie den folgenden Code hinzu:
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Speichern Sie das obige Programm in tester.js. Die folgenden Befehle werden zum Kompilieren und Ausführen dieses Programms verwendet.
Befehl
\>node tester.jsAusgabe
1 2 3 4