Αυτός ο οδηγός εξηγεί τον τύπο βοηθητικού προγράμματος 'Omit' στο TypeScript.
Τι είναι ο Τύπος Omit στο TypeScript;
Ο ' Παραλείπω Ο τύπος βοηθητικού προγράμματος δημιουργεί έναν νέο τύπο αποκλείοντας τις περιττές ιδιότητες του βασικού τύπου. Ο βασικός τύπος αντιπροσωπεύει τον υπάρχοντα τύπο από τον οποίο προέρχεται ο νέος τύπος.
Σύνταξη
πληκτρολογήστε NewType = Παραλείπω < Υπάρχων Τύπος, 'PropertyName1' | 'PropertyName2' | ... >
Η παραπάνω σύνταξη μπορεί να ' Παραλείπω 'πολλαπλές ιδιότητες του' Υπάρχων Τύπος ' διαχωρίζοντάς τα με τη βοήθεια του ' Ή (|)” χειριστή.
Ας χρησιμοποιήσουμε πρακτικά τον τύπο βοηθητικού προγράμματος 'Παράλειψη' που ορίζεται παραπάνω.
Παράδειγμα 1: Εφαρμογή του 'Omit' με το Type Alias
Αυτό το παράδειγμα χρησιμοποιεί τον τύπο βοηθητικού προγράμματος 'Παράλειψη
Κώδικας
Αντιγράψτε τη δεδομένη γραμμή κώδικα στο αρχείο '.ts' του έργου TypeScript:
τύπου Χρήστης = {όνομα : σειρά,
ηλικία : αριθμός,
τοποθεσία : σειρά
} ;
πληκτρολογήστε UserWithoutAge = Παραλείπω < Χρήστης, 'ηλικία' >;
συνθ χρήστη χωρίς διακοπή : UserWithoutAge = {
όνομα : 'Ή' ,
τοποθεσία : 'Ισλαμαμπάντ'
} ;
κονσόλα. κούτσουρο ( χρήστη χωρίς διακοπή ) ;
Σε αυτόν τον κώδικα:
- Ο ' Χρήστης Ο τύπος ' ορίζεται με το όνομα, την ηλικία και την τοποθεσία των καθορισμένων ιδιοτήτων.
- Στη συνέχεια, το « UserWithoutAge Δημιουργείται ένας νέος τύπος από τον υπάρχοντα τύπο 'Χρήστης' εξαιρώντας την ιδιότητα 'ηλικία' χρησιμοποιώντας το ' Παραλείπω ” τύπος χρησιμότητας.
- Μετά από αυτό, ένα αντικείμενο ' χρήστη χωρίς διακοπή ' του τύπου 'UserWithoutAge' δημιουργείται που καθορίζει όλα τα πεδία του υπάρχοντος τύπου 'User' εκτός από το 'age'.
- Τέλος, το « console.log() ' εφαρμόζεται η μέθοδος για την εμφάνιση του αντικειμένου 'userwithoutage'.
Παραγωγή
Μεταγλωττίστε το αρχείο '.ts' και εκτελέστε το αρχείο '.js' που δημιουργείται αυτόματα:
tsc κύριος. js //Αρχείο Compile.tsκύριος κόμβος. js //Εκτέλεση αρχείου .js
Μπορεί να φανεί ότι το τερματικό εμφανίζει την έξοδο του νέου τύπου αντικειμένου 'UserWithoutAge'.
Παράδειγμα 2: Εφαρμογή του 'Παράλειψη<τύπος, πλήκτρα>' Πληκτρολογήστε με διεπαφή
Αυτό το παράδειγμα εφαρμόζει τον τύπο βοηθητικού προγράμματος 'Παράλειψη<τύπος, κλειδιά>' με διεπαφές για τη δημιουργία νέου τύπου.
Κώδικας
διεπαφή Χρήστης {όνομα : σειρά ;
ηλικία : αριθμός ;
τοποθεσία : σειρά ;
}
πληκτρολογήστε NewPerson = Παραλείπω < Χρήστης, 'ηλικία' | 'τοποθεσία' >;
συνθ πρόσωπο : Νέο Πρόσωπο = {
όνομα : 'Ή'
} ;
κονσόλα. κούτσουρο ( πρόσωπο ) ;
Τώρα, οι αναφερόμενες γραμμές κώδικα:
- Ορίστε μια διεπαφή ' Χρήστης ' με το όνομα, τη συμβολοσειρά και την τοποθεσία των ακόλουθων ιδιοτήτων.
- Στη συνέχεια, δημιουργήστε έναν νέο τύπο ' Νέο Πρόσωπο ' από την υπάρχουσα διεπαφή 'Χρήστης' εξαιρουμένων της καθορισμένης ηλικίας ιδιοτήτων και της τοποθεσίας του.
- Μετά από αυτό, δημιουργήστε το αντικείμενο νέου τύπου 'NewPerson' με το όνομα ' πρόσωπο ' προσδιορίζοντας μόνο μία ιδιότητα, δηλαδή 'όνομα' της υπάρχουσας διεπαφής 'Χρήστης'.
- Τέλος, εμφανίστε τα πεδία του αντικειμένου 'person' χρησιμοποιώντας το ' console.log() 'μέθοδος.
Παραγωγή
Μεταγλωττίστε και εκτελέστε τον κώδικα:
tsc κύριος. js //Αρχείο Compile.tsκύριος κόμβος. js //Εκτέλεση αρχείου .js
Το τερματικό εμφανίζει μόνο μία τιμή ιδιότητας του νέου τύπου 'NewPerson' που προσδιορίζεται στο αντικείμενό του.
Παράδειγμα 3: Εφαρμογή του 'Omit' Πληκτρολογήστε With Function()
Αυτό το παράδειγμα χρησιμοποιεί τον τύπο 'Παράλειψη<τύπος, πλήκτρα>' με μια συνάρτηση για να επιστρέψει το αντικείμενο μιας διεπαφής που έχει περάσει ως όρισμα παραλείποντας μερικές ιδιότητες της υπάρχουσας διεπαφής.
Κώδικας
διεπαφή Χρήστης {όνομα : σειρά ;
ηλικία : αριθμός ;
τοποθεσία : σειρά ;
}
συνάρτηση getUserDetails ( νέος χρήστης : Παραλείπω < Χρήστης, 'όνομα' | 'τοποθεσία' > ) : αριθμός {
ΕΠΙΣΤΡΟΦΗ ( νέος χρήστης. ηλικία )
}
συνθ νέος χρήστης : Χρήστης = {
ηλικία : 40 ,
όνομα : 'Ή' ,
τοποθεσία : 'Ισλαμαμπάντ'
} ;
συνθ στοιχεία χρήστη = getUserDetails ( νέος χρήστης ) ;
κονσόλα. κούτσουρο ( στοιχεία χρήστη ) ;
Το παραπάνω απόσπασμα κώδικα:
- Πρώτα δημιουργήστε μια διεπαφή ' Χρήστης » έχοντας ιδιότητες ονόματος, ηλικίας και τοποθεσίας.
- Στη συνέχεια, ορίστε ένα όνομα συνάρτησης ' getUserDetails() ' που παραλείπει τις ιδιότητες 'όνομα' και 'τοποθεσία' του τύπου 'νέος χρήστης' της υπάρχουσας διεπαφής, δηλ. 'Χρήστης'.
- Αυτή η συνάρτηση επιστρέφει μια αριθμητική τιμή, δηλαδή 'ηλικία' του χρήστη.
- Τώρα, δημιουργήστε ένα αντικείμενο του ' νέος χρήστης ' της διεπαφής 'Χρήστης' για να καθορίσετε τις τιμές των ιδιοτήτων του.
- Μετά από αυτό, καλέστε την καθορισμένη συνάρτηση 'getUserDetails()' περνώντας το αντικείμενο 'newuser' ως παράμετρό του με τη βοήθεια του ' στοιχεία χρήστη ” σταθερά.
- Τέλος, εμφανίστε την έξοδο 'userDeatils' μέσω του ' console.log() 'μέθοδος.
Παραγωγή
tsc κύριος. js //Αρχείο Compile.tsκύριος κόμβος. js //Εκτέλεση αρχείου .js
Το τερματικό εμφανίζει μόνο το ' ηλικία ' αξία ιδιότητας επειδή το 'όνομα' και η 'τοποθεσία' εξαιρούνται από τον τύπο βοηθητικού προγράμματος 'Παράλειψη'.
συμπέρασμα
Στο TypeScript, ο τύπος βοηθητικού προγράμματος ' Παραλείπω ” παίρνει τον υπάρχοντα τύπο ως την πρώτη του παράμετρο και δημιουργεί έναν νέο τύπο αποκλείοντας μερικές ιδιότητες του υπάρχοντος τύπου. Αυτός ο τύπος βοηθητικού προγράμματος βοηθά στην αντιγραφή ενός υπάρχοντος τύπου για τη δημιουργία ενός νέου τύπου που έχει ορισμένες από τις ιδιότητές του αντί να δημιουργείται ο νέος τύπος από την αρχή. Μπορεί να εφαρμοστεί με ψευδώνυμα «τύπου», διεπαφές και λειτουργίες. Αυτός ο οδηγός εξήγησε σε βάθος τον τύπο βοηθητικού προγράμματος 'Omit' στο TypeScript.