Когато само определени свойства на интерфейса са необходими за процеса на изпълнение, ненужните свойства стават основната причина за ниска производителност, тъй като сега те само консумират място. В JavaScript няма начин да се изключат ненужните свойства на интерфейса по време на изпълнение. За щастие! Тази слаба точка или случай на употреба се обработва от TypeScript, тъй като предоставя помощни програми за тип „Пропускане“ и „Избиране“, което помага много при избирането само на конкретни свойства.
Този блог ще обясни пропуснатия тип и неговата противоположност в TypeScript, като покрие следните раздели:
- Какво е пропуснат тип в TypeScript?
- Какво е противоположното на пропуснат тип в TypeScript?
Какво е пропуснат тип в TypeScript?
TypeScript „Пропускане“ тип генерира нов интерфейс от предоставения '' и пропуска или изключва свойствата, които са предоставени като „Ключ“ . Той приема и обработва стойности за всички останали свойства и не приема стойности за свойствата, които се предават като „Ключ“ . С прости думи, „Пропускане“ Типът изключва свойствата, които се предават като „Ключ“, а останалите свойства остават същите.
Синтаксис
Синтаксисът за пропускане на тип в TypeScript е посочен по-долу:
Пропуснете < demoType, Key1 | ключ2 >
Където „demoType“ е интерфейсът, чийто 'ключ1' и „ключ2“ свойства ще бъдат добавени към нов 'Тип' който се генерира чрез „Пропускане“ .
Пример за разбиране на „Пропускане“ типът е посочен по-долу:
Тип linuxhintType = {fName: низ;
lName: низ;
възраст: номер;
}
Тип newType = Пропускане;
const специфичен: newType = {
fName: 'Джон' ,
Име: 'Сърна'
} ;
console.log ( specific.age, specific.fName ) ;
Обяснение на горния код:
- Първо, на 'Тип' на име „linuxhintType“ е дефиниран, който съдържа множество наименувани свойства „fName“ , „Име“ , и „възраст“ в него.
- След това, „Пропускане“ използва се тип, който отнема „linuxhintType“ като първи аргумент и ключ на „възраст“ . Това пропускане извлича всички свойства от „linuxhintType“ и изключва само свойството „възраст“.
- Извлечените свойства чрез типа „Пропускане“ се съхраняват в нов 'Тип' на име „нов тип“ .
- След това се създава новата променлива с тип анотация на „нов тип“ и стойностите за останалите свойства са зададени.
- След това, с помощта на нова променлива, останалите и изключените свойства се извличат и показват в прозореца на конзолата за проверка.
След компилацията, прозорецът на конзолата изглежда така:
Моментната снимка на прозореца на конзолата показва, че е генерирана грешка в типа при достъп до изключените „възраст“ Имот. За допълнително обяснение относно типа „Пропускане“ можете да посетите нашия асоцииран статия
Какво е противоположното на пропуснат тип в TypeScript?
В TypeScript, обратното на „Пропускане“ е „Избери“ Тип. Този тип избира или избира конкретните свойства, които ще бъдат налични, а всички останали свойства, които не са избрани, се изключват. Тоест, напълно противоположно на „Пропускане“ Тип. Необходими са същите два аргумента на 'Тип' и „Ключ“ където 'Тип' е интерфейсът или класът, чийто „Ключ“ свойства са включени, а останалите са изключени. В случай на множество имоти, всеки имот е отделен от използването на „съюз“ оператор „|“.
Синтаксис
Синтаксисът за Pick Type в TypeScript е посочен по-долу:
Където, „demoType“ е интерфейсът, класът или типът, чийто 'Ключ1' , „Ключ 2“ , и „Ключ 3“ избрани са имоти.
Сега нека преминем през пример за по-добро изясняване.
Пример: Избиране на конкретни свойства
В този случай специфичните свойства от интерфейса или класа се избират с помощта на типа „Избор“, а останалите свойства се изключват напълно, както е показано по-долу:
интерфейс linuxhintInter {fName: низ;
lName: низ;
възраст: номер;
}
Тип newType = Избор;
const специфичен: newType = {
fName: 'Джон' ,
Име: 'сърна' , възраст: 3. 4 } ;
Обяснение на горния код:
- Първо, интерфейсът 'linuxhintInter' се създава, съдържащ три свойства с име „fName“ , „Име“ , и „възраст“ .
- След това, „Избери“ използва се тип, който приема интерфейса като първи параметър и „възраст“ и „fName“ като втори параметър, разделен от оператор Union „|“ .
- Това „Избери“ type дефинира нов тип с име „нов тип“ което включва само „възраст“ и „fName“ свойства и изключва всички останали свойства, т.е. „Име“ .
- Сега задайте това „нов тип“ като тип за „конкретна“ променлива и се опитайте да промените всички свойства на интерфейса. Това ще предизвика грешка, тъй като са налични само определени свойства.
След компилирането прозорецът на конзолата изглежда така:
Горната моментна снимка показва появата на грешка, защото програмата променя свойството, което не е включено или не е налично в избрания тип.
Научихте за типа, който работи обратното на пропускането в TypeScript.
Заключение
Обратното на „Пропускане“ тип в TypeScript е „Избери“ тип, който генерира нов тип, включващ само предоставеното свойство и изключва всички останали свойства на основния интерфейс. Докато „Пропускане“ тип в TypeScript, също генерира нови типове, но изключва всички предоставени свойства и приема или включва останалите свойства. Тази статия демонстрира обратното на Пропускане на тип в TypeScript.