Урок 5. Функции как типизированные контракты

🚀 Продолжаем изучать TypeScript! 💙 В этом уроке разберём функции как типизированные контракты — одну из самых важных тем в TypeScript. Функции в TypeScript — это не просто набор инструкций, а настоящие контракты между разработчиком и компилятором. Они гарантируют, что данные передаются и возвращаются строго определённым образом. Мы разберём все тонкости: от необязательных параметров до мощных дженериков, которые сохраняют связь между типами входных и выходных данных. 📚 В этом уроке ✅ Что такое типизированный контракт и зачем он нужен ✅ Чем необязательный параметр отличается от string | undefined ✅ Когда перегрузка лучше объединения типов ✅ Почему callback может объявить меньше параметров, чем ему передают ✅ Что происходит с псевдопараметром this после компиляции ✅ Как дженерики сохраняют связь между входом и выходом ✅ Практическое задание с системой управления товарами ⏱️ Таймкоды 00:00 - Введение 00:38 - 1. Параметры и возвращаемое значение 02:17 - 2. Необязательные параметры 03:57 - 3. Значения по умолчанию 05:16 - 4. Rest-параметры 06:55 - 5. Тип функции 12:11 - 6. Callback-функции 17:28 - 7. Перегрузка функций 21:07 - 8. Параметр-объект 23:23 - 9. Типизация this 24:42 - 10. Первое знакомство с дженериками 30:50 - Код для самостоятельного анализа 🎯 После этого урока вы будете понимать 🔹 как использовать необязательные параметры правильно; 🔹 в каких случаях перегрузка действительно нужна; 🔹 почему callback-функции такие гибкие; 🔹 что происходит с this после компиляции; 🔹 как дженерики сохраняют тип между входом и выходом; 🔹 как писать функции-контракты в реальных проектах. 💙 Если видео оказалось полезным — поставьте лайк 👍, подпишитесь на канал 🔔 и напишите в комментариях: ❓ Какой тип функций в TypeScript вам кажется самым сложным: перегрузка, дженерики или работа с this? Ссылка на "песочницу": https://www.typescriptlang.org/play Ссылка на репозиторий со слайдами + домашка (в файлах HOMEWORK-TASK и HOMEWORK-SOLUTION): https://github.com/alexeirybak/typescript-course/tree/Lesson_5 #TypeScript #JavaScript #Frontend #WebDevelopment #Programming #Coding #React #NodeJS #Программирование #ВебРазработка #TypeScriptTutorial #Functions #Generics