TypeScript #10 Общие типы (Generic)

#YauhenK #webDev #TypeScript
Всех приветствую в курсе «TypeScript».
В данном видеокурсе мы с вами рассмотрим возможности языка строгой типизации - TypeScript. Разберём его основные фишки и ключевые отличия от JavaScript. Изучим такие понятия, как перечисления (Enum), интерфейсы, пространства имён. Рассмотрим набор нативных утилит, которые предоставляет сам язык.
✒ Репозиторий курса:
✔ github.com/Yau...
✒ Полезные ссылки:
✔ TypeScript (документация): www.typescript...
✔ Sandbox (песочница): www.typescript...
✔ Typescript Utils (утилиты): www.typescript...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@paavalijarvinen3293]

Чётко и без воды всё объяснил. Лайк

[@YauhenKavalchuk]

Спасибо

[@sscorpio2006]

уже несколько месяцев пользуюсь ТС но только теперь до конца понял - (Generic). Спасибо за хорошее объяснение!

[@YauhenKavalchuk]

Спасибо за отзыв

[@motoshowchannel]

К сожалению, тема не раскрыта, простой пересказ документации. Нет ни примеров реального использования, ни узких и сложных тем по типу typeof, keyof в дженериках, условного наследования и тп. По сути мы получили "ну вот это можно использовать так: ", а зачем и почему ? зачем нужен K если можно явно указать тип number

[@chingiz_mammadov]

Было бы уважительно, если бы автор ответил на этот комментарий.

[@user-st2fj8rt7v]

дженерики нужны для снятия ограничения на использование типов. Из примера это очевидно - заменяем тип данных с конкретного на дженерик, и вуаля - вместо дженерика можно подставить любой тип. Если же нужно ограничить дженерик конкретным типом - числом или строкой.. или чем то еще, то дженерик экстендит тот тип данных, которым он должен быть

[@kamik111]

@@user-st2fj8rt7v а почему просто тип any не указать тогда?

[@user-rn6bx8pg4g]

СПАСИБО!!!! Я уж думал, что никогда не разберусь, а тут 7 минут и готово!!!!

[@YauhenKavalchuk]

Всегда пожалуйста

[@user-ml8hn5kg9e]

Наконец-то хоть кто-то обьяснил что такое дженерики нормально! Спасибо!!

[@YauhenKavalchuk]

пожалуйста

[@MrM0narch]

Вопрос, а почему не использовать в последнем случае просто намбер вместо K extends number ?

[@warbine5819]

Тоже такой вопрос возник. Наверное просто пример неудачный

[@anton_soldatov]

Можно реализовать функцию которая будет возводить в степень как один примитив так и массив с ними

[@anton_soldatov]

То есть например класс который сможет производить операции как над единичным обьектом так и над массивом таких объектов, это может быть нужно и удобно

[@alekseiv0303]

@@anton_soldatov Можно пример (скажем, в песочнице)?

[@user-gu2lf6tr8m]

потому что K это как переменная которую ты можешь подставлять, и этот вопрос отпадет если попробуешь заменить K на number

[@andreyzhukov2821]

Привет, Евгений! Однозначно лайк!

[@blackwood8816]

Благодарю за объяснение))

[@YauhenKavalchuk]

Всегда пожалуйста

[@kapta1n713]

Где тут два лайка поставить) Уже пару раз пересмотрел))

[@YauhenKavalchuk]

👍

[@sergeimochalov4588]

В плюсах эти дженерики называют шаблонами, классная вещь.

[@dispeltr1183]

Оо я ждал этого урока! Спасибо!

[@DerekGaming]

Почему это объяснено лучше чем в яндекс практикум даже спустя 4 года?..

[@YauhenKavalchuk]

Понятия не имею)

[@user-mu4my8fq2e]

Моё почтение!

[@YauhenKavalchuk]

Благодарю

[@vanibron]

Евгений, спасибо за курс, но вынужден согласиться с другими комментаторами - объяснение так себе. Пришлось переключиться и поискать более конкретное и внятное объяснение. Если с английским не совсем туго, то рекомендую kzbin.info/www/bejne/pIfMdqSmnNyrfqc

[@YauhenKavalchuk]

Я не часто использовал generic типы, поэтому рассказал, как сам понял. Соглашусь, что можно было подробнее, но уж как есть

[@andreinebolei]

Спасибо, очень толковое объяснение, теперь много стало понятнее.

[@YauhenKavalchuk]

Пожалуйста)

[@mykhailokurta8856]

супер контент, роботаю React Native Developerom, только месяц, как раз начинаем писать на TS проект, курс очень помогает , а то пишеш что-то и сидиш вроде зделаеш а до конца как роботает непонимаеш))))

[@YauhenKavalchuk]

👍

[@UnrealTabby]

Парень, извини, но что у тебя с мягкими знаками в окончаниях глаголов? Я хоть и технарь, но, читаю и кровь из глаз идёт ))

[@talivel118]

@@UnrealTabby ahaha, 8class, toje idet krov:;)

[@user-paint-alexandra]

Эх, вопрос у меня только один. Зачем было придумывать TypeScript с типизацией переменных, а потом искать, как эти правила обойти: any, generics...

[@user-tw3oe1nf5g]

TypeScript придуман для экономии времени разработчика, подробных сообщениях об ошибках, контролем над приложением и тд. А это не "обход правил", а очень практичная гибкость данного инструмента, раньше тоже считал что такая себе тема этот ts, но после набитых шишек понимаю что годнота)

[@chkpg4317]

Спасибо большое!

[@YauhenKavalchuk]

Пожалуйста 👍

[@edgeofeternity85]

Зачем нам использовать способ K extends number, если мы просто в конструкторе можем потом указать public age: number вообще не использую тип К, если он будет только числом

[@YauhenKavalchuk]

Это было чисто для примера

[@O-L-1986]

Спасибо

[@YauhenKavalchuk]

пожалуйста

[@taran_dm]

Спасибо! Есть вопросы: 1. В песочнице TS не работает синтаксис ES6? Ошибка при создании generic типа в виде стрелочной функции. 2. Зачем дженерик типу давать строгую типизацию для аргумента (K extends number), когда можно использовать строгую типизацию без дженерик типа в данном случае?

[@YauhenKavalchuk]

1. Должно работать, возможно не включена какая-то настройка 2. Это было чисто для примера

[@taran_dm]

@@YauhenKavalchuk Понял. Спасибо.

[@andreyn788]

@@taran_dm const getter = (data:T):T=>data

[@horhegarsia4221]

6:53 не очень понял, зачем делать дженерик наследуемый от number, если нам нужен только тип number. Проще сразу написать в конструкторе public name: T, public age: number, ведь K всё равно не может быть ни чем, кроме number

[@YauhenKavalchuk]

Это было нужно в качестве примера

[@horhegarsia4221]

@@YauhenKavalchuk нужны примеры из реальной практики, а не пример ради примера, где нет логики.

[@horhegarsia4221]

@@YauhenKavalchuk вы говорите как это делать, а зачем это делать люди не поймут, и будут писать лишние дженерики

[@user-mf5cc6nk9k]

А зачем писать "K extends number" если это то же самое что и просто number? Или есть разница какая-то?

[@YauhenKavalchuk]

Всё верно. Это было чисто для примера

[@sergioostanioni5390]

Не стал бы говорить о том, что стрелочные функции (arrow function expression) - это ES6 синтаксис, а обычные функции(function declaration statement) ES5. Они как бы не одно и тоже - во-первых, в стандарте ES6 присутствует и function (function declaration statement). Посему можно просто говорить о стрелочных функциях (arrow function expression) и function declaration statement + для полноты можно было добавить function definition expression. Если ничего не перепутал.

[@user-bh6mc8pd8g]

большинство людей не знает всех именований объявлений функций )

[@skif3161]

душнила

[@dimageorgiev5798]

отлично спасибо ! А вы могли бы записать курс по алгоритмам например ?

[@YauhenKavalchuk]

В планах есть, но когда приступлю к записи пока не знаю

[@dimageorgiev5798]

@@YauhenKavalchuk спасибо за ваш труд !

[@olgamazurenko8142]

Четко и по делу. Спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@user-ct8dn5xj3o]

почему в последнем примере вместо K extends number нельзя написать просто number?

[@YauhenKavalchuk]

Это нужно чисто для примера

[@CoryClark-jw3ij]

👍

[@YauhenKavalchuk]

👍

[@gameit1477]

Ребята, я не понял, а в чем разница между дженерик типом и типом any? Я так же могу указать в аргументах any и аргументы будут принимать любой тип

[@YauhenKavalchuk]

any - это любой тип (по сути данный вариант просто убирает весь смысл типизации). Generic - это гибкий, конфигурируемый вариант типа

[@aleksandrgradov7859]

generic можно задавать только классам и функциям? например для массива или объекта у меня не получилось: const arr: = [] const obj: = {}

[@YauhenKavalchuk]

Там другой синтаксис, Array. В предыдущих уроках можно найти эту информацию

[@dmitriystoyanov933]

Вот вроде понятно все в уроках, работаю с ТС уже 4 месяца, а до сих пор тимлида пингую, трудно правильно дженерики писать.. Видимо нужны годы опыта, хз.

[@YauhenKavalchuk]

Согласен

[@akuma8865]

Можно ли смешивать generic с интерфейсом/типом? Если да, то можно маленький пример?)

[@YauhenKavalchuk]

Если честно, не сталкивался с таким, не могу ничего сказать

[@akionka]

Golang: не понял

[@iGotton]

+

[@YauhenKavalchuk]

👍

[@sarvarkuchimbayev4358]

nic nie rozumiju

[@YauhenKavalchuk]

🤷‍♂️

[@Bartosh-gd3yq]

Абышто

[@YauhenKavalchuk]

🤔🤷‍♂️

[@nikitagorbunov5507]

Автор просит оставить комментарий если что то не понятно, но на вопросы комментаторов не отвечает...

[@YauhenKavalchuk]

Не всегда есть на это время

[@lesters]

странно что так вскользь рассказали про type они же тоже могут экстендить друг друга, для них можна юзать условие или |, в отличии от интерфейса имена должны быть уникальными, в интерфейсе это не обязательно они тогда смерджаться.

[@user-iz9dz2gh9j]

Кратко и ясно, спасибо! Лайк

[@YauhenKavalchuk]

Пожалуйста)