Uporaba knjižnic v JavaScriptu

Poglejmo si splošno načelo uporabe knjižnic. Recimo, da potrebujemo knjižnico z priročnimi funkcijami za delo z nizi. Recimo, da smo z iskanjem po spletu našli knjižnico lodash.

Gremo na spletno stran knjižnice in iščemo povezave za prenos knjižnice. Običajno knjižnice na voljo v dveh različicah: običajni in minificirani. Običajna različica je priročna, če želite preučiti izvorno kodo knjižnice. Minificirana različica je priročna, ker zasede manj prostora.

Torej, iščemo povezavo za prenos. Prenesemo knjižnico. Včasih se zgodi, da v dokumentaciji obstaja povezava do JavaScript datoteke. V tem primeru se namesto, da bi se datoteka prenesla, bo le odprla v brskalniku. V tem primeru v meniju brskalnika izberite shranjevanje ali pritisnite Ctrl + S in shranite knjižnico kot datoteko.

Preneseno knjižnico je treba povezati z vašo HTML datoteko:

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

Povezana knjižnica ustvari eno ali več spremenljivk v globalnem obsegu vidnosti. V primeru lodash se ta spremenljivka imenuje _. Zdaj pa povežimo povezavo knjižnice z našo datoteko, v kateri bomo pisali kodo naše spletne strani:

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

V tej datoteki bo na voljo globalna spremenljivka, ki jo ustvari prej povezana knjižnica lodash:

console.log(_); // v tej spremenljivki je knjižnica lodash

Uporabimo eno od metod povezane knjižnice:

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

Prenesite si knjižnico underscorejs. Povežite jo s svojo HTML datoteko. Preizkusite nekaj funkcij iz te knjižnice.