من الصفر إلى الاحتراف في TypeScript

تجعل TypeScript كود JavaScript الخاص بك أكثر أماناً. فهي تساعدك على اكتشاف الأخطاء قبل تشغيل الكود. يغطي هذا الدليل المسار من المفاهيم الأساسية إلى المتقدمة.

تضيف TypeScript النوع الثابت (static typing) إلى JavaScript. وتقوم بتحويل الكود الخاص بك إلى JavaScript بسيط ليعمل على المتصفح.

Basic Types

  • number: أعداد صحيحة أو عشرية
  • boolean: صحيح أو خطأ
  • string: نصوص
  • symbol: معرفات فريدة
  • bigint: أعداد صحيحة كبيرة

Type Annotations تقوم بتعريف الأنواع أثناء إنشاء المتغيرات: let name: string = "Alice"; let age: number = 30;

Arrays and Objects

  • Arrays: let fruits: string[] = ["apple", "banana"];
  • Objects: let user: { name: string; age: number } = { name: "Bob", age: 25 };

Functions يمكنك تحديد ما تستقبله الدالة وما تعيده. استخدم void إذا كانت الدالة لا تعيد شيئاً. function greet(name: string): string { return "Hello, " + name; }

Advanced Structures

  • Type Aliases: تعريف اسم مخصص لنوع معين.
  • Interfaces: تعريف شكل الكائن.
  • Enums: إنشاء مجموعة من الثوابت المسماة.
  • Tuples: إنشاء مصفوفة بعدد عناصر ثابت وأنواع محددة.

Complex Logic

  • Union Types: تسمح للمتغير بحمل أكثر من نوع واحد.
  • Intersection Types: دمج أنواع متعددة في نوع واحد.
  • Generics: إنشاء مكونات قابلة لإعادة الاستخدام تعمل مع أنواع عديدة.
  • Utility Types: استخدام أدوات مدمجة مثل Partial أو Pick لتغيير الأنواع.

Best Practices

  • استخدم type للأسماء المستعارة البسيطة والأنواع الأولية.
  • استخدم interface لأشكال الكائنات.
  • تجنب استخدام any؛ فهي تلغي ميزة الأمان في TypeScript.
  • استخدم unknown بدلاً من any عندما لا تكون متأكداً من النوع.
  • اترك للمترجم (compiler) استنتاج الأنواع عندما يكون الكود واضحاً.

تساعدك TypeScript على بناء تطبيقات كبيرة بكل ثقة.

المصدر: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j