Kirjastojen käyttö JavaScriptissä

Katsotaanpa kirjastojen yleistä käyttöperiaatetta. Oletetaan, että tarvitsemme kirjaston mukavilla funktioilla taulukoiden käsittelyyn. Oletetaan, että etsimme ja löydämme kirjaston lodash.

Käymme kirjaston sivustolla ja etsimme linkkejä kirjaston lataamiseen. Yleensä kirjastot tarjotaan kahdessa versiossa: tavallisessa ja minifioidussa. Tavallinen versio on kätevä, jos haluat tutkia kirjaston lähdekoodia. Minifoitu versio on kätevä, koska se vie vähemmän tilaa.

Joten, etsimme latauslinkkiä. Lataamme kirjaston. Joskus dokumentaatiossa annetaan suora linkki JavaScript-tiedostoon. Tässä tapauksessa tiedosto sen sijaan, että latautuisi, avautuu vain selaimessa. Tällöin selaimen valikossa täytyy valita tallennus tai painaa Ctrl + S ja tallentaa kirjasto itselle tiedostoksi.

Ladattu kirjasto on liitettävä omaan HTML-tiedostoonsa:

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

Liitetty kirjasto luo yhden tai useamman muuttujan globaaliin näkyvyysalueeseen. Lodashin tapauksessa tämä muuttuja on nimeltään _. Liitetään nyt kirjaston aliouran yhteydessä oma tiedostomme, jossa kirjoitamme sivustomme koodia:

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

Tässä tiedostossa on käytettävissä globaali muuttuja, jonka aiemmin liitetty lodash-kirjasto on luonut:

console.log(_); // tässä muuttujassa on lodash-kirjasto

Hyödynnetään yhtä liitetyn kirjaston menetelmistä:

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

Lataa itsellesi underscorejs-kirjasto. Liitä se omaan HTML-tiedostoosi. Kokeile useita kirjaston funktioita.