Πώς να μεταφέρετε το πρόγραμμα JavaScript στο TypeScript

Αρχικά κυκλοφόρησε το 1995 μετά από μια εκπληκτικά σύντομη περίοδο ανάπτυξης, η JavaScript έχει γίνει από τότε αναπόσπαστο μέρος πολλών τοποθεσιών και εφαρμογών. Σήμερα, η JavaScript έχει βρει ένα σπίτι τόσο σε εφαρμογές πελάτη όσο και σε εφαρμογές διακομιστή. Οι προγραμματιστές εξακολουθούν να ζητούν πολλές δυνατότητες, παρά τις αλλαγές που έχει βιώσει όλα αυτά τα χρόνια.

Η TypeScript είναι μια γλώσσα δέσμης ενεργειών που επεκτείνει τη JavaScript με πολλές από αυτές τις πολυαναμενόμενες δυνατότητες. Ο σχολιασμός τύπων, η προσαρμοσμένη πληκτρολόγηση και οι διεπαφές είναι όλα τα κύρια στοιχεία, μαζί με καλύτερα εργαλεία για την αύξηση της παραγωγικότητας.

Γιατί να ασχοληθώ με την εναλλαγή;

Η προοπτική αλλαγής γλωσσών σε μεγάλα έργα μπορεί να είναι αγχωτική. Ευτυχώς για όποιον σκέφτεται την εργασία, η διαδικασία μεταφοράς ενός έργου από JavaScript σε TypeScript είναι αρκετά απλή.

Η JavaScript έχει περάσει τα τελευταία χρόνια κερδίζοντας έλξη ως σημαντική γλώσσα προγραμματισμού. Αρχικά χρησιμοποιήθηκε μόνο για δέσμες ενεργειών στο front-end σε ιστότοπους, η κυκλοφορία του Node.js έφερε την πλευρά του διακομιστή JavaScript, συμβάλλοντας στην επέκταση της δημοτικότητάς του.

Ενώ η JavaScript έχει γίνει πολύ πιο δημοφιλής πρόσφατα, υπάρχουν πολλές δυνατότητες που η τελευταία της εφαρμογή, το ES6, εξακολουθεί να λείπει. Για πολλούς προγραμματιστές, αυτές οι δυνατότητες που λείπουν περιορίζουν τη χρησιμότητα της JavaScript ως γλώσσας.

Το TypeScript στοχεύει να διορθώσει αυτές τις ανησυχίες περιτυλίγοντας το JavaScript με επιπλέον δυνατότητες και στη συνέχεια μεταφράζοντας τον κώδικα χρήστη. Το αποτέλεσμα είναι μια γλώσσα ασφαλής για τον τύπο με την ευκολία και τη χρηστικότητα της JavaScript.

Υπάρχουν ήδη αρκετά εργαλεία και πλαίσια με πλήρη υποστήριξη TypeScript. Η Angular το χρησιμοποιεί εδώ και πολύ καιρό και μάλιστα Το React έχει τρόπους υλοποίησης του TypeScript.

Το TypeScript είναι σαν το JavaScript Enhanced

Το TypeScript υλοποιεί πολλές από τις δυνατότητες που ζητούν συχνά οι προγραμματιστές στο JavaScript. Το TypeScript ονομάζεται για το πλήρες σύστημα τύπων που εφαρμόζει, συμπεριλαμβανομένων λειτουργιών όπως ο έλεγχος τύπου, η ασφάλεια και η σιωπηρή πληκτρολόγηση. Το TypeScript σας επιτρέπει ακόμη και ορίστε και χρησιμοποιήστε προσαρμοσμένους χώρους ονομάτων.

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

Συνολικά, το TypeScript εστιάζει στη δημιουργία μιας ασφαλέστερης διαδικασίας ανάπτυξης με ισχυρότερα εργαλεία για να βοηθήσει τους κωδικοποιητές.

Ενθαρρύνει τον κωδικό ασφαλείας τύπου

Το TypeScript χρησιμοποιεί ένα ενσωματωμένο σύστημα ελέγχου τύπου για την επικύρωση τύπων μεταβλητών. Περιλαμβάνει ένα σύνολο τυπικών τύπων με την επιλογή να ορίσετε τις δικές σας κλάσεις και τύπους. Οι τύποι μπορούν να δηλωθούν ρητά ή να συναχθούν με βάση την ανάθεση.

Το TypeScript έχει αρκετούς τυπικούς τύπους δεδομένων, συμπεριλαμβανομένων συμβολοσειρών, αριθμών, booleans και πλειάδων. Υπάρχουν επίσης οι τύποι μεταβλητών, όπως άγνωστοι και οποιοσδήποτε, που σας επιτρέπουν να χρησιμοποιείτε κώδικα ασθενούς πληκτρολόγησης.

Το συμπέρασμα τύπου του TypeScript σάς επιτρέπει να εκτελείτε ελέγχους τύπου ακόμη και σε τυπικό κώδικα JavaScript εκτελώντας τον μέσω του transpiler του TypeScript.

Η μεταμόσχευση καθιστά εύκολη τη χρήση

Από την άποψη του προγραμματιστή, ένα από τα καλύτερα χαρακτηριστικά του TypeScript είναι ότι βγάζει JavaScript vanilla. Μπορείτε να εκτελέσετε τον κώδικα TypeScript μέσω μιας διαδικασίας γνωστής ως transpilation, η οποία είναι παρόμοια με τη μεταγλώττιση.

Αντί για εκτελέσιμο, το αποτέλεσμα της μεταγραφής είναι ένα σενάριο σε γλώσσα διαφορετική από την αρχική του κώδικα.

Ο κώδικας TypeScript μετατρέπεται σε JavaScript, το οποίο μπορείτε στη συνέχεια να εκτελέσετε σε διακομιστή ή πελάτη. Αυτό σας επιτρέπει να γράφετε γρήγορα και εύκολα κώδικα που μπορείτε να εκτελέσετε σε σχεδόν οποιαδήποτε πλατφόρμα.

Το TypeScript βοηθά την παραγωγικότητα προγραμματιστή

Η προσθήκη τύπων στο JavaScript όχι μόνο επιτρέπει την ασφαλή εκτέλεση του κώδικα, αλλά παρέχει επίσης στους προγραμματιστές εργαλεία που διευκολύνουν την κωδικοποίηση. Τα περισσότερα σύγχρονα IDE προσφέρουν υποστήριξη TypeScript που επιτρέπει σε εργαλεία συμπλήρωσης κώδικα όπως το IntelliSense να προσφέρουν πρόσθετο πλαίσιο στον κώδικα. Μπορεί επίσης να προσφέρει έλεγχο τύπου καθώς γράφετε, βοηθώντας σας να εντοπίζετε τα σφάλματα πιο γρήγορα.

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

Πώς μπορείτε να μεταφέρετε τον κωδικό σας;

Εάν ξεκινάτε ένα ολοκαίνουργιο έργο, δημιουργία ενός νέου έργου TypeScript είναι αρκετά απλό. Ωστόσο, η μετατροπή ενός προϋπάρχοντος έργου σε TypeScript είναι λίγο περισσότερο εμπλεκόμενη.

Υπό τις πιο φυσιολογικές συνθήκες, η προοπτική μετατροπής ενός έργου από μια γλώσσα σε άλλη είναι τρομακτική. Η μετατροπή από JavaScript σε TypeScript, ωστόσο, είναι εκπληκτικά απλή.

TypeScript ως υπερσύνολο JavaScript

Το TypeScript θεωρείται υπερσύνολο της JavaScript. Αυτό σημαίνει ότι το TypeScript προσθέτει πρόσθετα επίπεδα σύνταξης και λειτουργικότητας, χωρίς να αλλάζει ή να αφαιρεί τη βασική λειτουργικότητα που δημιουργεί.

Για προγραμματιστές, αυτό σημαίνει ότι οποιοσδήποτε κώδικας εκτελείται σωστά σε JavaScript θα εκτελείται αυτόματα σωστά στο TypeScript. Είτε το εν λόγω σενάριο είναι ένας διακομιστής ιστού που έχει γραφτεί για εκτέλεση στο NodeJS, είτε ένα σύνολο σεναρίων διεπαφής για μια ιστοσελίδα, η εναλλαγή είναι εξαιρετικά απλή.

Μετά την εγκατάσταση του μετατροπέα TypeScript, μπορείτε να δημιουργήσετε ένα απλό tsconfig.json αρχείο με το ακόλουθο περιεχόμενο:

{
"Επιλογές μεταγλωττιστή": {
"outDir": "./χτίζω",
"AllowJs": αληθής,
"στόχος": "es5"
 },
"περιλαμβάνω": ["./src/**/*"]
}

Μετακινήστε τυχόν αρχεία στον κατάλογο src και εκτελέστε το transpiler. Αυτό θα δημιουργήσει τα αρχεία JavaScript που προκύπτουν στο χτίζω Ευρετήριο.

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

Μετά από κάθε μεταμόσχευση, μπορείτε να χρησιμοποιήσετε την έξοδο από το χτίζω καταλόγου όπως απαιτείται προσθέτοντας τα αρχεία σε οποιοδήποτε έργο όπως θα κάνατε συνήθως. Το transpiler θα πληκτρολογήσει check standard JavaScript και θα μετατρέψει τις νέες δυνατότητες σε έγκυρα σενάρια ES5.

Τι πρέπει να γνωρίζετε για να μεταβείτε από το JS στο TS

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

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

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