JavaScript könyvtárak használata

Nézzük meg a könyvtárak használatának általános elvét. Tegyük fel, hogy szükségünk van egy olyan könyvtárra, amely kényelmes függvényeket kínál a tömbökkel való munkához. Tegyük fel, hogy kerestünk, és megtaláltuk a lodash könyvtárat.

Meglátogatjuk a könyvtár weboldalát, és keressük a könyvtár letöltésére szolgáló linkeket. Általában a könyvtárak két változatban érhetők el: szokásos és minified (összezsugorított) formában. A szokásos forma akkor hasznos, ha tanulmányozni szeretnéd a könyvtár forráskódját. A minified forma azért praktikus, mert kevesebb helyet foglal.

Szóval, keressük a letöltési linket. Letöltjük a könyvtárat. Előfordul, hogy a dokumentációban közvetlenül egy JavaScript fájlra mutató link található. Ebben az esetben ez a fájl a letöltés helyett egyszerűen megnyílik a böngészőben. Ekkor a böngésző menüjében ki kell választani a mentési lehetőséget vagy meg kell nyomni a Ctrl + S billentyűkombinációt a könyvtár fájl formájú mentéséhez.

A letöltött könyvtárat be kell kapcsolni a saját HTML fájljába:

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

A bekapcsolt könyvtár egy vagy több változót hoz létre a globális névtérben. A lodash esetében ez a változó a _ nevet viseli. Most kapcsoljunk be a könyvtár alá egy saját fájlt, amelybe a weboldalunk kódját írjuk:

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

Ebben a fájlban elérhető lesz az a globális változó, amelyet a korábban bekapcsolt lodash könyvtár hozott létre:

console.log(_); // ebben a változóban a lodash könyvtár található

Használjunk fel egy metódust a bekapcsolt könyvtárból:

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

Töltse le a underscorejs könyvtárat. Kapcsolja be a saját HTML fájljába. Próbáljon ki néhány függvényt ebből a könyvtárból.