Gebruik van bibliotheken in JavaScript
Laten we kijken naar het algemene principe van het gebruik van bibliotheken. Stel dat we een bibliotheek nodig hebben met handige functies voor het werken met arrays. Stel dat we hebben gegoogled en de bibliotheek lodash hebben gevonden.
Ga naar de website van de bibliotheek en zoek naar links om de bibliotheek te downloaden. Over het algemeen worden bibliotheken in twee varianten aangeboden: in de normale en geminimaliseerde versie. De normale versie is handig als je de broncode van de bibliotheek wilt bestuderen. De geminimaliseerde versie is handig omdat deze minder ruimte inneemt.
Dus, we zoeken naar een downloadlink. We downloaden
de bibliotheek. Soms gebeurt het dat in de documentatie
een link naar een JavaScript-bestand wordt gegeven. In dat geval
zal dit bestand, in plaats van te downloaden,
gewoon in de browser worden geopend. In dat geval
moet je in het browsermenu opslaan kiezen
of op Ctrl + S drukken en
de bibliotheek als een bestand opslaan.
De gedownloade bibliotheek moet worden verbonden met je HTML-bestand:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="lodash.js"></script>
</head>
<body>
</body>
</html>
De verbonden bibliotheek creëert één
of meerdere variabelen in het globale bereik.
In het geval van lodash heet deze variabele
_. Laten we nu onder de verbinding
van de bibliotheek ons bestand verbinden,
waarin we de code van onze website zullen schrijven:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="lodash.js"></script>
<script src="test.js"></script>
</head>
<body>
</body>
</html>
In dit bestand zal de globale variabele beschikbaar zijn die de eerder verbonden bibliotheek lodash creëert:
console.log(_); // in deze variabele bevindt zich de lodash bibliotheek
Laten we gebruikmaken van één van de methoden van de verbonden bibliotheek:
let res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);
Download de bibliotheek underscorejs. Verbind deze met je HTML-bestand. Probeer enkele functies van deze bibliotheek uit.