Реклама мешает? Идти Без рекламы Сегодня 

Удалитель типов TypeScript

ДанныеРазработчикТекст

Реклама · УДАЛИТЬ?

ВХОД

Автоматический процесс

Или

Исходный код TypeScript

Режим вывода

Работа с JSX

Сохранять комментарии JSDoc

Удалять выражения "import type"

Удалять все комментарии

ВЫХОД

Клиентская сторона

Реклама · УДАЛИТЬ?

Гид

Удалитель типов TypeScript

Инструмент TypeScript Type Stripper превращает исходный код TypeScript в чистый, исполняемый JavaScript, удаляя все конструкции, добавленные языком на уровне компиляции. Удаляются аннотации типов, объявления интерфейсов, типы-алиасы, параметры шаблонов, перечисления, декораторы и не-нулевые утверждения в одном определённом проходе, при этом сохраняется рантайм-логика программы точно так, как она была написана.

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

Как использовать

Вставьте свой исходный код TypeScript в область ввода или перетащите файл .ts или .tsx на загрузчик.
Выберите режим вывода: Только удаление типов сохраняет современную синтаксис, при этом цели ES2020, ES2017 и ES5 дополнительно упрощают более новые функции языка.
Выберите опцию обработки JSX, если в вашем коде есть выражения JSX, затем включите сохранение JSDoc, удаление типов и удаление комментариев по желанию.
Плоский JavaScript появляется в панели вывода сразу после завершения компилятора. Используйте кнопки копирования или скачивания, чтобы получить результат.

Возможности

Определённое преобразование AST – Основано на официальном компиляторе TypeScript, поэтому вывод идентичен по байтам.
Только удаление типов или снижение уровня – Выбор между чистым удалением типов или полной транспиляцией в ES2020, ES2017 или ES5.
Полная поддержка языка – Обрабатывает интерфейсы, типы-алиасы, шаблоны, перечисления, декораторы, параметры свойств и не-нулевые утверждения корректно.
JSX-осознанный – Сохранять .jsx вывод или преобразовывать в React.createElement вызовы.
Управление комментариями – Сохранять блоки JSDoc, удалять их или удалять все комментарии для производственных сборок.
Очистка импортов только по типам – Удаляются import type выражения, которые больше не ссылаются на что-либо на уровне выполнения.
Приватность на первом месте – Всё происходит в браузере; никакой код не загружается на сервер.
Отчёт о размере – Узнать, сколько байт экономится при сжатии вывода по сравнению с исходным кодом.

Реклама · УДАЛИТЬ?

 Часто задаваемые вопросы

Что такое TypeScript и как он отличается от JavaScript?

TypeScript — это строгий супермножество JavaScript, которое добавляет статические аннотации типов, интерфейсы, перечисления, шаблоны и другие конструкции на уровне компиляции. Компилятор TypeScript (tsc) парсит эти конструкции в абстрактное синтаксическое дерево (AST) и затем генерирует стандартный JavaScript, удаляя слой типов. Поскольку типы существуют только на уровне компиляции, поведение на уровне выполнения хорошо типизированного TypeScript идентично JavaScript, в который он транспилируется.
Почему удаление типов — это определённое преобразование?

Удаление типов является определённым преобразованием, потому что оно работает на разобранных узлах AST, а не на исходном тексте. Каждый узел дерева имеет явный тип, и компилятор удаляет узлы с типами только (например, TypeAnnotation, InterfaceDeclaration и TypeAliasDeclaration), не затрагивая соседние выражения, производящие значения. В результате JavaScript гарантирует сохранение семантики при любом валидном исходном коде.
Что такое цели снижения уровня ECMAScript и почему они важны?

Редакции ECMAScript (ES2017, ES2020, ES2022 и т.д.) определяют, какие функции поддерживаются браузерами и средами выполнения по умолчанию. Цель снижения уровня указывает на то, что компилятор должен переписывать новые функции (например, опциональное цепление, async/await, поля классов) в эквивалентный код, который может быть выполнен на более старых целях. Выбор более низкой цели расширяет совместимость за счёт увеличения размера выходного кода и включённых вспомогательных функций.
Как отличаются файлы объявлений и исполняемый код?

Файл объявления (.d.ts) содержит только амбивентную типовую информацию: интерфейсы, типы-алиасы, сигнатуры функций и формы модулей. При компиляции он не генерирует исполняемый код. Файлы реализации (.ts) объединяют типы и исполняемые выражения. Во время транспиляции весь контент .d.ts исчезает, и в JavaScript издаются только исполняемые части файлов .ts.