Какво представлява типът за пропускане в TypeScript?

Kakvo Predstavlava Tip T Za Propuskane V Typescript



TypeScript предлага широка гама от типове помощни програми, за да направи своята система от типове по-удобна и ефективна. Тези типове позволяват на потребителите да изградят нов тип въз основа на съществуващия тип чрез премахване или модифициране на свойства, правене на свойства само за четене или незадължителни и много повече. Всеки тип помощна програма изпълнява специфична функционалност въз основа на името си, като например типът „по избор“ прави свойствата незадължителни, „само за четене“ декларира полето като само за четене и т.н.

Това ръководство обяснява типа помощна програма „Изпускане“ в 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.