Χρήση βιβλιοθηκών στο JavaScript

Ας δούμε τη γενική αρχή χρήσης βιβλιοθηκών. Ας υποθέσουμε ότι χρειαζόμαστε μια βιβλιοθήκη με βολικές λειτουργίες για εργασία με πίνακες. Ας υποθέσουμε ότι ψάξαμε στο Google και βρήκαμε τη βιβλιοθήκη lodash.

Μπαίνουμε στον ιστότοπο της βιβλιοθήκης και ψάχνουμε για συνδέσμους για λήψη της βιβλιοθήκης. Συνήθως, οι βιβλιοθήκες παρέχονται σε δύο εκδόσεις: σε κανονική και σε συμπιεσμένη μορφή. Η κανονική μορφή είναι βολική αν θέλετε να μελετήσετε τον πηγαίο κώδικα της βιβλιοθήκης. Η συμπιεσμένη μορφή είναι βολική γιατί καταλαμβάνει λιγότερο χώρο.

Έτσι, ψάχνουμε για σύνδεσμο λήψης. Κατεβάζουμε τη βιβλιοθήκη. Μερικές φορές συμβαίνει ότι στην τεκμηρίωση δίνεται ένας σύνδεσμος προς ένα αρχείο JavaScript. Σε αυτήν την περίπτωση αυτό το αρχείο, αντί να κατεβεί, απλά θα ανοίξει στο πρόγραμμα περιήγησης. Σε αυτήν την περίπτωση στο μενού του προγράμματος περιήγησης πρέπει να επιλέξετε αποθήκευση ή να πατήσετε Ctrl + S και να αποθηκεύσετε τη βιβλιοθήκη ως αρχείο.

Τη ληφθείσα βιβλιοθήκη πρέπει να τη συνδέσετε στο δικό σας αρχείο HTML:

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

Η συνδεδεμένη βιβλιοθήκη δημιουργεί μία ή περισσότερες μεταβλητές στο γενικό πεδίο ορισμού. Στην περίπτωση του lodash αυτή η μεταβλητή ονομάζεται _. Ας συνδέσουμε τώρα παρακάτω τη σύνδεση της βιβλιοθήκης το δικό μας αρχείο, στο οποίο θα γράφουμε τον κώδικα του site μας:

<!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. Δοκιμάστε αρκετές λειτουργίες από αυτή τη βιβλιοθήκη.