تحويل TypeScript إلى JavaScript — Numio
يزيل أنواع TypeScript — التعليقات التوضيحية للأنواع والواجهات والأسماء المستعارة للأنواع والأنواع العامة — ويعطيك JavaScript خالصًا. يعمل مع .ts و.tsx: يبقى JSX كما هو، فيصبح مكوّن TSX مكوّن JSX. تُحوَّل الشيفرة على الخادم؛ ولا يُجرى فحص أنواع ولا تجميع ولا تشغيل.
اطّلع على شكل مقتطف TypeScript بصيغة JavaScript خالصة قبل استخدامه في مشروع JS.
Code is converted on the server. No type-checking, execution or dependency bundling is performed. JSX is preserved.
TypeScript
JavaScript
متى تستخدمها
- اطّلع على شكل مقتطف TypeScript بصيغة JavaScript خالصة قبل استخدامه في مشروع JS.
- حوّل مكوّن React بصيغة .tsx إلى .jsx بإزالة أنواع الخصائص مع الإبقاء على JSX.
طريقة الاستخدام
- الصق TypeScript أو TSX، أو حمّل مثالًا (واجهة ودالة، أنواع عامة، JSX). تحميل مثال يستبدل مدخلاتك.
- اقرأ JavaScript على اليمين. تختفي التعليقات التوضيحية للأنواع والواجهات؛ أما الشيفرة الموجودة وقت التشغيل، مثل enum، فتُخرَج بصيغة JavaScript.
- انسخ النتيجة. إذا كنت تحتاج إلى أمان الأنواع، فافحص TypeScript الأصلي منفصلًا باستخدام tsc --noEmit.
مدخلات TypeScript
interface User { name: string }
const greet = (user: User): string => "Hello, " + user.name;مخرجات JavaScript
const greet = (user) => "Hello, " + user.name
التفاصيل والقيود
تُرسَل شيفرتك إلى خادم douni.one لتحويلها. لا تلصق أسرارًا أو مفاتيح API أو شيفرة مصدرية لا يجوز لك مشاركتها.
إزالة الأنواع ليست فحصًا للأنواع: يُحوَّل const count: number = "text" دون خطأ. افحص الأنواع باستخدام مترجم TypeScript.
يبقى JSX بصيغة JSX. لتشغيل مكوّنات React في المتصفح ما زلت تحتاج إلى خطوة بناء JSX في مشروعك.
البُنى التي لها قيم وقت التشغيل، مثل enum، تُنتج شيفرة JavaScript بدلًا من أن تختفي.
تُحوَّل الشيفرة الملصقة فقط: لا تُحَل الاستيرادات، ولا تُجمَّع الملفات، ولا تُخفَّض الصياغة الحديثة لتناسب المتصفحات القديمة.
FAQ
هل يمكنني تحويل TSX إلى JSX؟
نعم. الصق مكوّن .tsx: تُزال أنواع الخصائص والواجهات ويبقى JSX دون تغيير، فيمكن حفظ النتيجة بصيغة .jsx. أما ترجمة JSX إلى استدعاءات React.createElement فليست جزءًا من هذه الأداة.
ما الفرق بين هذا وتشغيل tsc؟
يفحص tsc الأنواع في مشروع كامل ويمكنه إخراج JavaScript لهدف تختاره. أما هذه الصفحة فتزيل الأنواع فقط من الشيفرة التي تلصقها باستخدام تحويل TypeScript في Babel، وتُبقي الصياغة الحديثة، ولا تُبلغ أبدًا عن أخطاء الأنواع. للمشاريع الكاملة، شغّل tsc أو أداة تجميع مثل esbuild محليًا.
لماذا حُوِّلت شيفرة فيها أخطاء أنواع؟
التحويل نحوي فقط. فهو لا يفحص الإسنادات ولا استدعاءات الدوال مقابل أنواعها، لذا شغّل مترجم TypeScript في مشروعك للعثور على أخطاء الأنواع.
ماذا أفحص عند ظهور خطأ نحوي؟
انظر إلى السطر والعمود المُبلَّغ عنهما والأقواس المحيطة بهما وأي تعليق توضيحي للنوع هناك. يساعد اختزال الشيفرة إلى مقتطف صغير على عزل المشكلة؛ وعند خطأ الاتصال استخدم Retry.