Գրադարանների օգտագործումը JavaScript-ում

Եկեք նայենք գրադարանների օգտագործման ընդհանուր սկզբունքին: Ենթադրենք, մեզ անհրաժեշտ է գրադարան զանգվածների հետ աշխատելու հարմար ֆունկցիաներով: Ենթադրենք, մենք որոնել ենք և գտել ենք lodash գրադարանը:

Մտնում ենք գրադարանի կայք և փնտրում ենք գրադարանը ներբեռնելու հղումները: Որպես կանոն, գրադարանները տրամադրվում են երկու տարբերակով. սովորական և մինիֆիկացված: Սովորական տեսակը հարմար է, եթե ցանկանում եք ուսումնասիրել գրադարանի աղբյուրային կոդը: Մինիֆիկացված տեսակը հարմար է նրանով, որ այն ավելի քիչ տեղ է զբաղեցնում:

Այսպիսով, փնտրում ենք ներբեռնման հղում: Ներբեռնում ենք գրադարանը: Երբեմն պատահում է, որ փաստաթղթերում տրված է JavaScript ֆայլի հղում: Այս դեպքում այդ ֆայլը, ներբեռնվելու փոխարեն, պարզապես կբացվի բրաուզերում: Այս դեպքում բրաուզերի ընտրացանկում պետք է ընտրել պահպանում կամ սեղմել Ctrl + S և պահպանել գրադարանը որպես ֆայլ:

Ներբեռնված գրադարանը պետք է միացնել սեփական HTML ֆայլին:

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

Միացված գրադարանը ստեղծում է մեկ կամ մի քանի փոփոխական ընդհանուր տիրույթում: Lodash-ի դեպքում այդ փոփոխականը կոչվում է _: Եկեք այժմ գրադարանի միացումից ցածր միացնենք մեր ֆայլը, որում մենք կգրենք մեր կայքի կոդը:

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

Այս ֆայլում հասանելի կլինի գլոբալ փոփոխականը, որը ստեղծում է նախկինում միացված lodash գրադարանը:

console.log(_); // այս փոփոխականում lodash գրադարանն է

Օգտվենք միացված գրադարանի մեթոդներից մեկից:

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

Ներբեռնեք ձեզ համար underscorejs գրադարանը: Միացրեք այն ձեր HTML ֆայլին: Փորձարկեք մի քանի ֆունկցիա այս գրադարանից: