Bruk av biblioteker i JavaScript

La oss se på det generelle prinsippet for bruk av biblioteker. La oss si at vi trenger et bibliotek med praktiske funksjoner for arbeid med arrays. La oss si at vi googlet og fant biblioteket lodash.

Gå inn på bibliotekets nettside og se etter lenker for nedlasting av biblioteket. Som regel tilbys biblioteker i to varianter: i vanlig og minifisert form. Den vanlige typen er praktisk hvis du vil studere kildekoden til biblioteket. Den minifiserte typen er praktisk fordi den tar mindre plass.

Så, vi leter etter en nedlastingslink. Laster ned biblioteket. Noen ganger hender det at det i dokumentasjonen gis en link til en JavaScript-fil. I dette tilfellet vil denne filen, i stedet for å bli lastet ned, bare åpnes i nettleseren. I dette tilfellet må du i nettlesermenyen velge lagring eller trykke Ctrl + S og lagre biblioteket som en fil.

Det nedlastede biblioteket må kobles til din HTML-fil:

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

Det tilkoblede biblioteket oppretter én eller flere variabler i det globale omfanget. I tilfellet med lodash heter denne variabelen _. La oss nå under bibliotektilkoblingen koble til vår egen fil, der vi skal skrive koden for nettsiden vår:

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

I denne filen vil den globale variabelen som det tidligere tilkoblede biblioteket lodash oppretter, være tilgjengelig:

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

La oss bruke en av metodene fra det tilkoblede biblioteket:

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

Last ned biblioteket underscorejs. Koble det til din HTML-fil. Prøv ut flere funksjoner fra dette biblioteket.