Brug af biblioteker i JavaScript

Lad os se på det generelle princip for brug af biblioteker. Antag, at vi har brug for et bibliotek med praktiske funktioner til arbejde med arrays. Antag, at vi søgte online og fandt biblioteket lodash.

Gå ind på bibliotekets hjemmeside og led efter links til at downloade biblioteket. Som regel tilbydes biblioteker i to varianter: i en almindelig og en minificeret version. Den almindelige type er praktisk, hvis du vil studere bibliotekets kildekode. Den minificerede type er praktisk, fordi den optager mindre plads.

Så, vi leder efter et download-link. Downloader biblioteket. Nogle gange sker det, at dokumentationen giver et link til en JavaScript-fil. I dette tilfælde vil denne fil, i stedet for at blive downloadet, blot åbnes i browseren. I dette tilfælde skal du i browserens menu vælge "Gem" eller trykke Ctrl + S og gemme biblioteket som en fil for dig selv.

Det downloadede bibliotek skal tilsluttes til din HTML-fil:

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

Det tilsluttede bibliotek opretter en eller flere variable i det globale scope. I tilfældet med lodash hedder denne variabel _. Lad os nu tilslutte vores egne fil, hvor vi vil skrive koden for vores hjemmeside, under bibliotekets tilslutning:

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

I denne fil vil den globale variabel, som det tidligere tilsluttede bibliotek lodash opretter, være tilgængelig:

console.log(_); // i denne variabel er lodash-biblioteket

Lad os bruge en af metoderne fra det tilsluttede bibliotek:

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

Download biblioteket underscorejs. Tilslut det til din HTML-fil. Prøv flere funktioner fra dette bibliotek.