Κάρτες TypeScript

Χορηγός κατηγορίας

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

Η εφαρμογή μας με κάρτες περιλαμβάνει προσεκτικά επιλεγμένες ερωτήσεις συνέντευξης TypeScript με ολοκληρωμένες απαντήσεις που θα σας προετοιμάσουν αποτελεσματικά για οποιαδήποτε συνέντευξη που απαιτεί γνώση TypeScript. Οι IT Κάρτες δεν είναι μόνο ένα εργαλείο για όσους αναζητούν εργασία - είναι ένας εξαιρετικός τρόπος να ενισχύσετε και να δοκιμάσετε τις γνώσεις σας, ανεξάρτητα από τα τρέχοντα επαγγελματικά σας σχέδια. Η τακτική χρήση της εφαρμογής θα σας βοηθήσει να παραμένετε ενημερωμένοι με τις τελευταίες τάσεις της TypeScript και να διατηρείτε τις δεξιότητές σας σε υψηλό επίπεδο.

Δείγμα καρτών TypeScript από την εφαρμογή μας

Κατεβάστε την εφαρμογή μας από το App Store ή το Google Play για να αποκτήσετε περισσότερες δωρεάν καρτέλες μάθησης ή εγγραφείτε για πρόσβαση σε όλες τις καρτέλες μάθησης.

Τι είναι ο τύπος 'any' στην TypeScript και πότε συνιστάται η χρήση του;

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

Ακολουθεί ένα παράδειγμα χρήσης του τύπου any στο TypeScript:

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

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

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

Εξηγήστε τι είναι ο τύπος 'void' στο πλαίσιο των συναρτήσεων στην TypeScript.

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

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

Παράδειγμα:

function logMessage(message: string): void {
  console.log(message);
}

Η συνάρτηση logMessage παίρνει μια συμβολοσειρά ως όρισμα και την εμφανίζει στην κονσόλα. Δεν επιστρέφει καμία τιμή. Ο τύπος void καθορίζει ακριβώς ότι δεν πρέπει να επιστρέφει καμία τιμή. Εάν προσπαθήσουμε να επιστρέψουμε κάποια τιμή από μια τέτοια συνάρτηση, η TypeScript θα αναφέρει ένα σφάλμα κατά τη σύνταξη.

Ποιες είναι οι διαφορές μεταξύ μιας διεπαφής και ενός τύπου στην TypeScript;

Στο TypeScript, τόσο οι διεπαφές όσο και οι τύποι εξυπηρετούν παρόμοιους σκοπούς, αλλά υπάρχουν διαφορές μεταξύ τους. Θα περιγράψω μερικές παρακάτω.

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

2. Επεκτάσεις και υλοποιήσεις: Οι διεπαφές μπορούν να επεκταθούν και να υλοποιηθούν για κλάσεις, το οποίο μπορεί να διευκολύνει την σύνταξη κώδικα. Οι τύποι, αντίθετα, δεν παρέχουν τέτοια λειτουργικότητα.

3. Συγχώνευση δηλώσεων: Οι διεπαφές μπορούν να έχουν πολλαπλές δηλώσεις σε ένα πεδίο. Όλες αυτές οι δηλώσεις συγχωνεύονται σε μία διεπαφή. Οι τύποι δεν μπορούν να δηλωθούν περισσότερο από μία φορά.

Παράδειγμα συγχώνευσης διεπαφής:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Τώρα η διεπαφή User περιλαμβάνει τα πεδία name και age

Παράδειγμα διαφοράς στη δήλωση τύπου:

type User = {
  name: string;
};

// Ο μεταγλωττιστής θα δημιουργήσει σφάλμα επειδή οι τύποι δεν μπορούν να δηλωθούν παραπάνω από μία φορά
type User = {
  age: number;
};

4. Δομική συμβατότητα τύπων: Οι διεπαφές μπορούν να χρησιμοποιηθούν για τον προσδιορισμό δομικής συμβατότητας τύπων, ενώ οι τύποι είναι σχεδιασμένοι για την χειριστική ενός σύνθετου τύπου.

Παραδείγματα χρήσης διεπαφών και τύπων:

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

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

Πώς μπορείτε να ορίσετε ένα αντικείμενο με συγκεκριμένες ιδιότητες και τύπους στην TypeScript;

Στην TypeScript, μπορούμε να ορίσουμε ένα αντικείμενο με συγκεκριμένες ιδιότητες και τύπους χρησιμοποιώντας το λεγόμενο interface ή type alias. Και οι δύο αυτοί μηχανισμοί επικεντρώνονται στον έλεγχο της μορφής που παρουσιάζει ένα δεδομένο αντικείμενο. Εξυπηρετούν στην περιγραφή της μορφής των αντικειμένων. Αυτός είναι ο τρόπος να το κάνετε:

1. Χρησιμοποιώντας το Interface:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. Χρησιμοποιώντας το Type Alias:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

Σε και τις δύο περιπτώσεις, εάν θέλουμε να αναθέσουμε ένα αντικείμενο σε μια μεταβλητή που δεν συμφωνεί με τη δηλωμένη μορφή (π.χ. λείπει ένα πεδίο ή υπάρχει ένα επιπλέον), θα λάβουμε ένα σφάλμα κατά τη σύνταξη.