Песочница TypeScript

Эта песочница TypeScript Playground позволяет быстро протестировать фрагмент кода, не открывая полноценный проект. Она запускает компилятор TypeScript в вашем браузере, показывает диагностику проверки типов с номерами строк, генерирует JavaScript и может запускать простой вывод в изолированной консоли.

Что делает этот TypeScript Playground

Инструмент предназначен для повседневных проверок TypeScript: валидации сужения объединений, тестирования универсальных вспомогательных типов, сравнения целей компилятора, подтверждения поведения строгого режима и просмотра JavaScript, который генерирует TypeScript. Он полезен для обучения, отладки компактного примера, подготовки ответа или проверки небольшого рефакторинга перед его переносом в проект.

Как использовать компилятор TypeScript

1. Вставьте код TypeScript в редактор или выберите быстрый пример.
2. Выберите цель JavaScript и формат модуля.
3. Включите строгий режим и необязательную проверку индексированного доступа, когда вам нужна более точная диагностика.
4. Нажмите Скомпилировать и проверить типы или оставьте включённой автокомпиляцию для обратной связи в реальном времени.
5. Просмотрите диагностику, изучите сгенерированный JavaScript, затем запустите простые фрагменты в изолированной консоли.

Примечания по проверке типов

Компилятор в браузере использует компактный встроенный файл объявлений для распространённых объектов JavaScript, таких как массивы, строки, записи, JSON, console и таймеры. Это делает Playground быстрым и самодостаточным для фрагментов кода. Если ваш код зависит от React, Node.js, DOM APIs или объявлений, специфичных для пакетов, подтвердите окончательный результат внутри вашего проекта с его реальным tsconfig.json и установленными пакетами типов.

Примеры и варианты использования

Используйте Playground, когда хотите изолировать ошибку типа из большой кодовой базы, сравнить, как строгий режим меняет диагностику, объяснить концепцию TypeScript коллеге или проверить, как небольшой фрагмент компилируется в JavaScript. Встроенные примеры охватывают размеченные объединения, универсальные помощники для записей, оператор satisfies и намеренные ошибки типов, чтобы вы могли увидеть как корректные, так и неудачные состояния компилятора.

• Проверьте тип объединения, прежде чем добавлять его в модель ответа API.
• Протестируйте универсальный помощник, не дожидаясь полной сборки приложения.
• Изучите сгенерированный JavaScript при изменении параметров target или module.
• Поделитесь компактным воспроизведением диагностики TypeScript.

FAQ

Проверяет ли этот инструмент типы TypeScript?

Да. Он создаёт программу TypeScript в браузере и сообщает о диагностике от компилятора, включая ошибки типов, синтаксические ошибки и сообщения о параметрах компилятора.

Могу ли я изменить параметры компилятора TypeScript?

Да. Основные элементы управления охватывают цель JavaScript, вывод модуля, строгий режим, генерацию объявлений и noUncheckedIndexedAccess.

Почему отсутствует тип библиотеки?

Этот Playground намеренно использует компактную встроенную библиотеку типов. Для типов фреймворков, DOM, Node.js или пакетов npm используйте локальную настройку проекта.

Безопасен ли запуск JavaScript?

Для быстрых фрагментов используется изолированный iframe. Избегайте запуска ненадёжного кода и тестируйте реальный код приложения в обычной среде разработки.