0Pricing
TypeScript Academy · درس

ما الذي تضيفه TypeScript إلى JavaScript

تعلّم كيف توسّع TypeScript لغة JavaScript بإضافة الأنواع الساكنة

ما الذي تضيفه TypeScript إلى JavaScript درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

مرحبًا

TypeScript هي مجموعة فائقة من JavaScript تضيف تعليقات الأنواع الساكنة. في هذا الدرس ستتعلم بالضبط ما تضيفه TypeScript إلى JavaScript العادية.

TypeScript مجموعة فائقة

كل ملف JavaScript صالح هو ملف TypeScript صالح. يمكنك إعادة تسمية ملف .js إلى .ts وسيُترجم. تضيف TypeScript ميزات فقط، ولا تزيل أي صياغة من صياغة JavaScript.

تعليقات الأنواع

أوضح إضافة هي تعليقات الأنواع. تعلن عن نوع متغير أو معلمة أو قيمة مُعادة بعد نقطتين رأسيتين.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

التحقق من الأنواع في وقت الترجمة

تتحقق TypeScript من الأنواع قبل تشغيل الشيفرة. وإذا أسندت نوعًا خاطئًا، يُبلغ المترجم عن خطأ بدلًا من حدوث عطل في وقت التشغيل.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

الواجهات والأسماء المستعارة للأنواع

تضيف TypeScript الواجهات والأسماء المستعارة للأنواع لوصف أشكال الكائنات. وتوجد هذه العناصر في وقت الترجمة فقط، ولا تنتج أي مخرجات JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

التعدادات

تتيح لك التعدادات تعريف مجموعة من الثوابت المسماة. وعلى خلاف الواجهات، تُصدر التعدادات شيفرة JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

الأنواع العامة

تتيح لك الأنواع العامة كتابة شيفرة تعمل مع أي نوع مع الحفاظ على أمان الأنواع. وهي من أهم ميزات TypeScript لإنشاء الأدوات القابلة لإعادة الاستخدام.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

محددات الوصول إلى الفئات

تضيف TypeScript الكلمات public وprivate وprotected إلى الفئات. وتحتوي JavaScript على الصياغة # للخصائص الخاصة، لكن محددات TypeScript يُتحقق منها في وقت الترجمة.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

الأنواع غير القابلة لـ null

عند تفعيل strictNullChecks، لا يمكن إسناد null وundefined تلقائيًا إلى كل نوع. يجب السماح بهما صراحةً باستخدام أنواع الاتحاد.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

تزيل TypeScript الأنواع في وقت التشغيل

تُزال جميع تعليقات أنواع TypeScript أثناء الترجمة. وتكون المخرجات JavaScript عادية، ولا توجد معلومات عن الأنواع في وقت التشغيل.

أدوات IDE أفضل

بفضل معلومات الأنواع، تستطيع بيئات التطوير المتكاملة توفير إكمال تلقائي دقيق، ووثائق مضمنة، وإعادة تسمية آمنة، والعثور على جميع المراجع في المشروع بأكمله.

تحقق سريع

ماذا يحدث لتعليقات أنواع TypeScript عند ترجمة الشيفرة؟

مراجعة

توسّع TypeScript لغة JavaScript بإضافة تعليقات الأنواع والواجهات والتعدادات والأنواع العامة ومحددات الوصول. وتُزال جميع معلومات الأنواع في وقت الترجمة. والنتيجة هي JavaScript أكثر أمانًا وأفضل دعمًا بأدوات التطوير.

الأسئلة الشائعة

هل درس «ما الذي تضيفه TypeScript إلى JavaScript» مجاني؟

نعم — نص درس «ما الذي تضيفه TypeScript إلى JavaScript» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «ما الذي تضيفه TypeScript إلى JavaScript»؟

تعلّم كيف توسّع TypeScript لغة JavaScript بإضافة الأنواع الساكنة تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟

لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «ما الذي تضيفه TypeScript إلى JavaScript»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟

نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. نقاط الضعف في JavaScript: أخطاء وقت التشغيل
  2. ما الذي تضيفه TypeScript إلى JavaScript
  3. ترجمة TypeScript إلى JavaScript
  4. متى تستخدم TypeScript في مشاريعك
← العودة إلى TypeScript Academy