Verwendung von Bibliotheken in JavaScript

Lassen Sie uns das allgemeine Prinzip der Verwendung von Bibliotheken betrachten. Nehmen wir an, wir benötigen eine Bibliothek mit bequemen Funktionen für die Arbeit mit Arrays. Nehmen wir an, wir haben gegoogelt und die Bibliothek lodash gefunden.

Gehen Sie auf die Website der Bibliothek und suchen Sie nach Links zum Herunterladen der Bibliothek. In der Regel werden Bibliotheken in zwei Varianten bereitgestellt: in der normalen und in der minimierten. Die normale Version ist praktisch, wenn Sie den Quellcode der Bibliothek studieren möchten. Die minimierte Version ist praktisch, da sie weniger Speicherplatz beansprucht.

Also, suchen wir nach einem Download-Link. Laden wir die Bibliothek herunter. Manchmal kommt es vor, dass in der Dokumentation eine Verknüpfung zu einer JavaScript-Datei angegeben wird. In diesem Fall wird diese Datei, anstatt heruntergeladen zu werden, einfach im Browser geöffnet. In diesem Fall müssen Sie im Browsermenü Speichern unter auswählen oder Strg + S drücken und die Bibliothek als Datei speichern.

Die heruntergeladene Bibliothek muss in Ihrer HTML-Datei eingebunden werden:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
	</head>
	<body>
	
	</body>
</html>

Die eingebundene Bibliothek erzeugt eine oder mehrere Variablen im globalen Gültigkeitsbereich. Im Fall von lodash heißt diese Variable _. Lassen Sie uns nun unterhalb des Bibliothekseinbindungsorts unsere Datei einbinden, in der wir den Code unserer Website schreiben werden:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
		<script src="test.js"></script>
	</head>
	<body>
	
	</body>
</html>

In dieser Datei ist die globale Variable zugänglich, die von der zuvor eingebundenen Bibliothek lodash erstellt wurde:

console.log(_); // in dieser Variable befindet sich die lodash-Bibliothek

Lassen Sie uns eine der Methoden der eingebundenen Bibliothek nutzen:

let res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);

Laden Sie sich die Bibliothek underscorejs herunter. Binden Sie sie in Ihre HTML-Datei ein. Testen Sie mehrere Funktionen aus dieser Bibliothek.