مُحَذف نوع TypeScript
مرشد
مُحَذف نوع TypeScript
يُحوّل مصادر TypeScript إلى JavaScript نظيف وقابل للتشغيل من خلال إزالة كل بنية تُستخدم في وقت التجميع، مثل تسميات الأنواع، وبيانات الواجهات، واسم الأنواع، ومواصفات المُعاملات، ونماذج القيم، والملف المُستخدم كمُعلّم، والتأكيد على عدم القيمة، في عملية واحدة محددة، مع الحفاظ على منطق التنفيذ كما هو مكتوب.
يُستخدم هذا الأداة بالكامل في المتصفح باستخدام واجهة برمجة تطبيقات TypeScript الرسمية، لذا لا يغادر مصادرك الجهاز. يُنتج نفس النتيجة التي يُنتجها tsc للإدخال نفسه، مما يجعله آمنًا لنقل المكتبات، مشاركة قطع مختصرة في سياقات برمجة بسيطة، تشغيل سلوك التحويل بعد التحويل، ونقل المشاريع من TypeScript عندما لا تُحتاج إليها بعد.
كيفية استخدام
- أدخل مصادرك من TypeScript إلى منطقة الإدخال، أو اسحب ملفًا
.tsأو.tsxلإكمال النتيجة، أو - اختر نمط الإخراج: إزالة الأنواع فقط يُحافظ على السينتاكس الحديث، بينما تُقلل الأهداف ES2020، ES2017، وES5 من ميزات اللغة الحديثة.
- اختر خيار إدارة JSX إذا كانت كودك تحتوي على عبارات JSX، ثم قم بتعديل الاحتفاظ بتعليقات JSDoc، إزالة التصديرات المخصصة للأنواع، وحذف التعليقات حسب الرغبة.
- يظهر الكود البرمجي البسيط في لوحة الإخراج فور انتهاء المُترجم. استخدم زر النسخ أو التحميل لاستلام النتيجة.
خصائص
- تحويل محدد للشجرة البرمجية – مبني على واجهة برمجة تطبيقات TypeScript الرسمية، لذا فإن الناتج متماثل بحروفه.
- إزالة الأنواع فقط أو التحويل إلى أسفل – اختر بين إزالة الأنواع فقط أو التحويل الكامل إلى ES2020، أو ES2017، أو ES5.
- مغطاة بالكامل للغة – تتعامل مع الواجهات، الأنواع المُحددة، المُعاملات، النماذج، المُعلّمات، والتأكيد على عدم القيمة بشكل ناجح.
- مُدرك للـ JSX – الحفاظ على
.jsxإخراج أو التحويل إلىReact.createElementمكالمات. - تحكم بالتعليقات – الحفاظ على مجموعات JSDoc، إزالتها، أو إزالة كل التعليقات في الإصدارات الإنتاجية.
- تنظيف التصديرات المخصصة للأنواع – يُزيل
import typeالعبارات التي لا تُستخدم في التنفيذ. - الخصوصية أولًا – كل شيء يتم تشغيله في المتصفح؛ لا يتم رفع أي كود إلى خادم.
- إبلاغ حجم الملف – رؤية كم عدد الأحرف التي يُوفرها الإخراج المُزال عن الملف الأصلي.
التعليمات
-
ما هو TypeScript وما الفرق بينه وبين JavaScript؟
TypeScript هو مُكمل صارم لـ JavaScript يضيف تسميات ثابتة، وواجهات، ونماذج، ومواصفات مُعاملات، وغيرها من الميزات التي تُستخدم في وقت التجميع. يحلل مُترجم TypeScript هذه الميزات إلى شجرة تحليل (AST) ثم يُنتج برمجيات متوافقة مع المعايير من خلال إزالة الطبقات الخاصة بالأنواع. لأن الأنواع توجد فقط في وقت التجميع، فإن سلوك التنفيذ المُختبر في TypeScript يتطابق تمامًا مع البرمجة المُحول إليها.
-
لماذا تُعتبر إزالة الأنواع تحويلًا محددًا؟
لأن إزالة الأنواع تعمل على شجرة تحليل مُحلّلة بدلًا من العمل على نص مُباشر. كل عقدة في الشجرة تحمل نوعًا محددًا، ويُزيل المُترجم العقد من أنواع التصدير فقط (مثل TypeAnnotation، InterfaceDeclaration، وTypeAliasDeclaration) دون التأثير على التعبيرات المُنتجية. وبالتالي فإن الكود البرمجي الناتج يُضمن الحفاظ على المعاني في كل حالة من السينتاكس المُسموح به.
-
ما هي أهداف تقليل اللغة في معايير ECMAScript وما أهميتها؟
تُحدد معايير ECMAScript (مثل ES2017، ES2020، ES2022، إلخ) ما هي الميزات التي يدعمها المتصفحات والبيئات التشغيلية بشكل مدمج. يُستخدم الهدف المُخفض لتغيير الميزات الحديثة (مثل التسلسل المُتسلسل، async/await، حقول الفئات) إلى كود مكافئ يمكن تنفيذه على الأهداف القديمة. اختيار هدف أدنى يزيد من التوافق على حساب حجم الإخراج والوظائف المساعدة المُولدة.
-
ما الفرق بين ملفات الإعلان والكود المُنفذ؟
يحتوي ملف الإعلان (.d.ts) فقط على المعلومات النوعية الواقعة في البيئة: الواجهات، الأنواع المُحددة، التوقيعات، والأشكال المُحددة. لا يُنتج أي كود تشغيلي عند التجميع. أما الملفات المُنفذة (.ts) فهي تجمع بين التصريحات النوعية والتعبيرات المُنفذة. أثناء التحويل، يختفي كل محتوى .d.ts ويُنتج فقط الجزء المُنفذ من الملفات .ts إلى JavaScript.
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
