JavaScript Μονάδα

Τα μοντέλα (Modules)

Το JavaScript μοντέλο επιτρέπει τη διάσπαση του κώδικα σε ανεξάρτητα αρχεία.

Αυτό καθιστά την συντήρηση της βιβλιοθήκης κώδικα πιο εύκολη. Το μοντέλο χρησιμοποιεί import

Οι μοντέλα εξαρτώνται από τη φράση στο <script> ετικέτα για εισαγωγή από εξωτερικά αρχεία. type="module".

παράδειγμα

<script type="module">
import message from "./message.js";
</script>

Δοκιμάστε το προσωπικά

εξαγωγή

μελειτουργίεςήπαράμετροςΤο μοντέλο μπορεί να αποθηκευτεί σε οποιοδήποτε εξωτερικό αρχείο.

Οι εξαγωγές έχουν δύο τύπους:ονομαστικές εξαγωγέςκαιΔημιουργία προεπιλεγμένων εξαγωγών.

Ονομαστικές εξαγωγές (Named Exports)

Δημιουργία ενός αρχείου με το όνομα person.js και τοποθέτηση των περιεχομένων που θέλουμε να εξάγουμε.

Μπορείτε να δημιουργήσετε ονομαστικές εξαγωγές με δύο τρόπους. Ένας είναι η δημιουργία ενσωματωμένα ένα προς ένα, και ο άλλος είναι η δημιουργία σε μια ενιαία κίνηση στο τέλος του αρχείου.

Δημιουργία ένα προς ένα ενσωματωμένα:

person.js

export const name = "Bill";
export const age = 19;

Δημιουργία σε μια ενιαία κίνηση στο τέλος του αρχείου:

person.js

const name = "Bill";
const age = 19;
export {name, age};

Δημιουργία προεπιλεγμένων εξαγωγών (Default Exports)

Δημιουργήστε έναν άλλο αρχείο με το όνομα message.js και δείξτε την προεπιλεγμένη εξαγωγή του.

Μόνο ένας προεπιλεγμένος εξαγωγή μπορεί να υπάρχει σε ένα αρχείο.

παράδειγμα

message.js

const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;

Εισαγωγή

Μπορείτε να εισάγετε τα μονάδα εισαγωγής σε αρχείο με δύο τρόπους, ανάλογα με το αν είναι ονομαστική ή προεπιλεγμένη εξαγωγή.

Οι ονομαστικές εξαγωγές είναι κατασκευασμένες με κεφαλαία. Οι προεπιλεγμένες εξαγωγές δεν είναι.

Εισαγωγή από ονομαστική εξαγωγή

Εισαγωγή από το αρχείο person.js ως ονομαστική εξαγωγή:

import { name, age } from "./person.js";

Δοκιμάστε το προσωπικά

Εισαγωγή από προεπιλεγμένη εξαγωγή

Εισαγωγή από το αρχείο message.js ως προεπιλεγμένη εξαγωγή:

import message from "./message.js";

Δοκιμάστε το προσωπικά

Σημείωση

Οι μονάδες εισαγωγής είναι κατάλληλες μόνο για το πρωτόκολλο HTTP(s).

Οι ιστοσελίδες που ανοίγονται μέσω του πρωτοκόλλου file:// δεν μπορούν να χρησιμοποιήσουν εισαγωγή/ εξαγωγή.