Σε αυτό το παράδειγμα, θα μάθετε να γράφετε ένα πρόγραμμα JavaScript που θα περιλαμβάνει ένα αρχείο JS σε άλλο αρχείο JS.
Για να κατανοήσετε αυτό το παράδειγμα, θα πρέπει να γνωρίζετε τις ακόλουθες ενότητες προγραμματισμού JavaScript:
- Μεταβλητές και σταθερές JavaScript
- JavaScript Function and Function Expressions
- Ενότητες JavaScript
Παράδειγμα: Χρήση εισαγωγής / εξαγωγής
Ας δημιουργήσουμε ένα αρχείο με το όνομα module.js (το όνομα αρχείου μπορεί να είναι οτιδήποτε) με το ακόλουθο περιεχόμενο:
// program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );
Για να συμπεριλάβετε αυτές τις μεταβλητές και συναρτήσεις σε ένα άλλο αρχείο, ας πούμε main.js , μπορείτε να χρησιμοποιήσετε τη importλέξη-κλειδί ως:
// import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40
Για να συμπεριλάβετε άλλο αρχείο, πρέπει να εξαγάγετε τον κωδικό που θέλετε να χρησιμοποιήσετε σε άλλο αρχείο χρησιμοποιώντας τη exportδήλωση. Για παράδειγμα,
export ( message, number, multiplyNumbers );
Θα μπορούσατε επίσης να κάνετε εξατομικευμένη εξαγωγή. Για παράδειγμα,
export const message = 'hello world'; export const number = 10;
Για να συμπεριλάβετε κώδικα από άλλο αρχείο, πρέπει να χρησιμοποιήσετε τη importδήλωση και να εισαγάγετε χρησιμοποιώντας τη διαδρομή αρχείου. Για παράδειγμα,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Στη συνέχεια, μπορείτε να χρησιμοποιήσετε αυτούς τους κωδικούς καθώς αποτελούν μέρος του ίδιου αρχείου.
Αυτό βοηθά στη συγγραφή καθαρότερου, διατηρήσιμου και αρθρωτού κώδικα.
