Användning av bibliotek i JavaScript

Låt oss titta på den allmänna principen för användning av bibliotek. Antag att vi behöver ett bibliotek med bekväma funktioner för att arbeta med arrayer. Antag att vi sökte på Google och hittade biblioteket lodash.

Gå in på bibliotekets webbplats och leta efter länkar för att ladda ner biblioteket. Vanligtvis finns bibliotek tillgängliga i två varianter: i vanlig och minifierad form. Den vanliga versionen är praktisk om du vill studera bibliotekets källkod. Den minifierade versionen är praktisk eftersom den tar upp mindre utrymme.

Så, leta efter en nedladdningslänk. Ladda ner biblioteket. Ibland händer det att dokumentationen ger en länk till en JavaScript-fil. I det här fallet kommer den filen, istället för att laddas ner, bara att öppnas i webbläsaren. Då måste du i webbläsarens meny välja att spara eller trycka på Ctrl + S och spara biblioteket som en fil för dig.

Det nedladdade biblioteket måste kopplas till din HTML-fil:

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

Det anslutna biblioteket skapar en eller flera variabler i det globala omfånget. I fallet med lodash heter denna variabel _. Låt oss nu under biblioteksanslutningen ansluta vår fil, där vi kommer att skriva koden för vår webbplats:

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

I den här filen kommer den globala variabeln som skapats av det tidigare anslutna biblioteket lodash att vara tillgänglig:

console.log(_); // i denna variabel finns lodash-biblioteket

Låt oss använda en av metoderna i det anslutna biblioteket:

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

Ladda ner biblioteket underscorejs. Anslut det till din HTML-fil. Testa några funktioner från detta bibliotek.