PurpleSchool — курсы программирования онлайн
  • Пути
    • Frontend React разработчик
    • Frontend Vue разработчик
    • Backend разработчик Node.js
    • Fullstack разработчик React / Node.js
    • Mobile разработчик React Native
    • Backend разработчик Golang
    • Devops инженер
    • Backend разработчик Python
  • AI для кодаНовое
  • О нас
    • Отзывы
    • Реферальная программа
    • О компании
    • Контакты
  • Иконка открытия меню
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
PurpleSchool — платформа бесплатных roadmap и курсов для разработчиков
ютуб иконка
Telegram иконка
VK иконка
VK иконка
Курсы
ГлавнаяКаталог курсовFrontendBackendFullstack
Практика
КарьераПроектыPurpleПлюс
Материалы
БлогБаза знаний
Документы
Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
Реквизиты
ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

PurpleSchool © 2020 -2026 Все права защищены

  • Курсы
    • FrontendИконка стрелки
    • AI разработкаИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    Иконка слояПерейти в каталог курсов
  • Бесплатно
    • Курсы
    • JavaScript Основы разработкиPython Основы PythonCSS CSS FlexboxКарта развитияВопросы для собеседований
    • База знанийИконка стрелки
    • Новостные рассылкиИконка стрелки
  • PurpleSchool — курсы программирования онлайн
    • AI для кодаНовое
    • Сообщество
    • PurpleПлюс
    • AI Собеседование
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    TypeScript 4.4 - Обработка ошибок

    TypeScript 4.4 - Обработка ошибок

    Аватар автора TypeScript 4.4 - Обработка ошибок

    Антон Ларичев

    Иконка календаря30 сентября 2022

    Если вы давно пишете на TypeScript, скорее всего взвели у себя в tsconfig.json флаг "strict": true, который включает сразу несколько проверок:

    • alwaysStrict
    • strictNullChecks,
    • strictBindCallApply
    • strictFunctionTypes
    • strictPropertyInitialization
    • noImplicitAny
    • noImplicitThis

    В TS 4.4 к ним добавилось новое правило: useUnknownInCatchVariables. Что означает, что код ниже уже будет давать ошибку.

    const run = (i: number) => {
        throw new Error('Ошибка');
    }
    
    const main = () => {
        try {
            run(1);
        } catch (e) {
            console.log(e.message);
            // вот эта строка будет подсвечена
        }
    };
    
    main();
    

    Почему так? Теперь в catch мы получаем ошибку не типа any, а типа unknown. Поэтому нам нужно сделать проверка на тип, перед тем, как выполнять то или иное действие. Ведь вы действительно можете сделать свой класс ошибки, отнаследовавшись от стандартного класса Error. Тем самым нас подталкивают к корректной работе с ошибками:

    const run = (i: number) => {
        throw new Error('Ошибка');
    }
    
    const main = () => {
        try {
            run(1);
        } catch (e) {
            if (e instanceof Error) {
                console.log(e.message);
            }
        }
    };
    
    main();
    

    Ведь если бы мы имели несколько ошибок, которые возникнут в функции, мы бы получили внятный type-safety. Допустим мы сделали свою ошибку:

    class HttpError extends Error {
        code: number;
        constructor(message: string, code: number) {
            super(message);
            this.code = code;
        }
    }
    

    Тогда наш код был бы полностью безопасным при следующей записи:

    const run = (i: number) => {
        if (i == 0) {
            throw new HttpError('Ошибка', 500);
        }
        throw new Error('Ошибка');
    }
    
    const main = () => {
        try {
            run(1);
        } catch (e) {
            if (e instanceof Error) {
                console.log(e.message);
            }
            if (e instanceof HttpError) {
                console.log(e.code);
            }
        }
    };
    
    main();
    

    Поэтому всегда используйте проверку на тип ошибки и включите наконец strict если не делали этого раньше.

    P.S. Не путайте с 'use strict' в JS. За это отвечает опция alwaysStrict.

    Иконка глаза2 664

    Комментарии

    0

    Постройте личный план изучения Основы разработки до уровня Middle — бесплатно!

    Основы разработки — часть карты развития Frontend, Backend, Mobile

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Бесплатные лекции

    Лучшие курсы по теме

    изображение курса

    Основы Git

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    HTML и CSS

    Антон Ларичев
    AI-тренажерыAI-тренажеры
    Практика в студииПрактика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    CSS Flexbox

    Антон Ларичев
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    бесплатно
    Подробнее

    Похожие статьи

    Картинка поста CI/CD пайплайн в GitHub Actions для Next.js: полный гайд
    Иконка аватараАнтон
    Иконка календаря18 июня 2026
    GitHub ActionsCI/CDNext.js+ 2middleИконка уровня middle

    CI/CD пайплайн в GitHub Actions для Next.js: полный гайд

    CI/CD пайплайн в GitHub Actions для Next.js: настройка автоматической сборки, тестирования и деплоя приложения с примерами workflow-файлов и разбором типичных ошибок.

    Иконка чипа0
    Иконка глаза200
    Иконка комментариев0
    Картинка поста Nginx как reverse proxy для Node.js: настройка за 30 минут
    Иконка аватараАнтон
    Иконка календаря17 июня 2026
    nginxnodejsdevops+ 2middleИконка уровня middle

    Nginx как reverse proxy для Node.js: настройка за 30 минут

    Nginx как reverse proxy для Node.js: пошаговая настройка, SSL, балансировка нагрузки, кэширование статики и WebSocket за 30 минут.

    Иконка чипа0
    Иконка глаза281
    Иконка комментариев0
    Картинка поста Как перейти с Junior на Middle разработчика: план роста
    Иконка аватараАнтон
    Иконка календаря16 июня 2026
    карьераразвитиеjunior+ 2juniorИконка уровня junior

    Как перейти с Junior на Middle разработчика: план роста

    Переход с Junior на Middle разработчика: конкретный план развития hard и soft skills, чек-листы навыков и примеры задач для роста.

    Иконка чипа0
    Иконка глаза285
    Иконка комментариев0
    Иконка чипа0