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

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

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

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

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

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

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

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

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

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

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

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