Това ръководство обяснява типа помощна програма „Изпускане“ в TypeScript.
Какво представлява типът за пропускане в TypeScript?
„ Пропуснете ” помощен тип създава нов тип, като изключва ненужните свойства на основния тип. Базовият тип представлява съществуващия тип, от който произлиза новият тип.
Синтаксис
тип NewType = Пропуснете < съществуващ тип, „PropertyName1“ | „PropertyName2“ | ... >
Горният синтаксис може да „ Пропуснете ' множество свойства на ' Съществуващ тип ”, като ги разделите с помощта на „ ИЛИ (|)” оператор.
Нека използваме практически дефинирания по-горе тип помощна програма „Пропускане“.
Пример 1: Прилагане на „Omit“ с псевдоним на тип
Този пример използва помощния тип „Omit
Код
Копирайте дадения ред код във файла „.ts“ на проекта TypeScript:
тип Потребител = {име : низ,
възраст : номер,
местоположение : низ
} ;
тип UserWithoutAge = Пропуснете < потребител, 'възраст' >;
конст потребител без прекъсване : UserWithoutAge = {
име : 'Или' ,
местоположение : 'Исламабад'
} ;
конзола. дневник ( потребител без прекъсване ) ;
В този код:
- „ Потребител ” типът се дефинира с името, възрастта и местоположението на посочените свойства.
- След това „ UserWithoutAge ” се създава нов тип от съществуващия тип „Потребител” чрез изключване на свойството „възраст” с помощта на „ Пропуснете ” тип помощна програма.
- След това обект ' потребител без прекъсване ” от тип „UserWithoutAge” се създава, който посочва всички полета от съществуващия тип „User” с изключение на „age”.
- И накрая, „ console.log() ” методът се прилага за показване на обекта „userwithoutage”.
Изход
Компилирайте файла „.ts“ и стартирайте автоматично генерирания файл „.js“:
tsc основен. js //Файл Compile.tsглавен възел. js //Изпълнете .js файл
Може да се види, че терминалът показва изхода на обекта от нов тип „UserWithoutAge“.
Пример 2: Прилагане на типа „Omit“ с интерфейс
Този пример прилага типа помощна програма „Omit
Код
интерфейс Потребител {име : низ ;
възраст : номер ;
местоположение : низ ;
}
тип NewPerson = Пропуснете < потребител, 'възраст' | 'локация' >;
конст човек : NewPerson = {
име : 'Или'
} ;
конзола. дневник ( човек ) ;
Сега посочените редове код:
- Определете интерфейс ' Потребител ” със следните свойства име, низ и местоположение.
- След това създайте нов тип ' NewPerson ” от съществуващия интерфейс „Потребител”, с изключение на посочените свойства, възраст и местоположение.
- След това създайте обект от нов тип „NewPerson“ с име „ човек ”, указвайки само едно свойство, т.е. „име” на съществуващия интерфейс „Потребител”.
- И накрая, покажете полетата на обекта „person“, като използвате „ console.log() ” метод.
Изход
Компилирайте и изпълнете кода:
tsc основен. js //Файл Compile.tsглавен възел. js //Изпълнете .js файл
Терминалът показва само една стойност на свойство от новия тип „NewPerson“, посочен в неговия обект.
Пример 3: Прилагане на типа „Omit“ с функция()
Този пример използва типа „Omit
Код
интерфейс Потребител {име : низ ;
възраст : номер ;
местоположение : низ ;
}
функция getUserDetails ( нов потребител : Пропуснете < потребител, 'име' | 'местоположение' > ) : номер {
връщане ( нов потребител. възраст )
}
конст нов потребител : Потребител = {
възраст : 40 ,
име : 'Или' ,
местоположение : 'Исламабад'
} ;
конст userDetails = getUserDetails ( нов потребител ) ;
конзола. дневник ( userDetails ) ;
Горният кодов фрагмент:
- Първо създайте интерфейс ' Потребител ” със свойства на име, възраст и местоположение.
- След това дефинирайте име на функция „ getUserDetails() ”, който пропуска свойствата „име” и „местоположение” от тип „нов потребител” на съществуващия интерфейс, т.е. „Потребител”.
- Тази функция връща числова стойност, т.е. „възраст“ на потребителя.
- Сега създайте обект от „ нов потребител ” на интерфейса „Потребител”, за да посочите стойностите на неговите свойства.
- След това извикайте дефинираната функция „getUserDetails()“, като предавате обекта „newuser“ като неин параметър с помощта на „ userDetails ” постоянен.
- И накрая, покажете изхода „userDeatils“ чрез „ console.log() ” метод.
Изход
tsc основен. js //Файл Compile.tsглавен възел. js //Изпълнете .js файл
Терминалът показва само „ възраст ”, тъй като „име” и „местоположение” са изключени чрез типа помощна програма „Пропускане”.
Заключение
В TypeScript помощната програма тип „ Пропуснете ” приема съществуващия тип като първи параметър и създава нов тип, като изключва няколко свойства на съществуващия тип. Този тип помощна програма помага да се дублира съществуващ тип за създаването на нов тип, който има някои от неговите свойства, вместо да се създава нов тип от нулата. Може да се прилага с псевдоним „тип“, интерфейси и функции. Това ръководство подробно обяснява типа помощна програма „Изпускане“ в TypeScript.