من الصفر إلى الاحتراف في TypeScript
تجعل TypeScript كود JavaScript الخاص بك أكثر أماناً وأسهل في الإدارة، فهي تساعدك على اكتشاف الأخطاء مبكراً.
تضيف TypeScript النوع الثابت (static typing) إلى JavaScript، وتتحول إلى JavaScript عادي عند تشغيلها.
الأنواع الأساسية الشائعة:
- number: لجميع الأرقام
- boolean: true أو false
- string: للنصوص
- symbol: للمعرفات الفريدة
- bigint: للأرقام الكبيرة جداً
توصيف الأنواع (Type Annotations):
let name: string = "Alice";
let age: number = 30;
المصفوفات والكائنات (Arrays and Objects):
let fruits: string[] = ["apple", "banana"];
let user: { name: string; age: number } = { name: "Bob", age: 25 };
الدوال (Functions):
function greet(name: string): string {
return "Hello, " + name;
}
استخدم void إذا كانت الدالة لا تعيد شيئاً:
function logMessage(): void {
console.log("Message sent");
}
أدوات متقدمة:
- Type Aliases: لإنشاء أنواعك الخاصة.
- Interfaces: لتحديد شكل الكائنات.
- Enums: لاستخدام مجموعة من الثوابت المسماة.
- Tuples: مصفوفات ذات طول ثابت وأنواع محددة.
- Generics: لإنشاء كود قابل لإعادة الاستخدام يعمل مع أنواع متعددة.
- Utility Types: استخدم Partial أو Pick أو Record لتعديل الأنواع.
أفضل الممارسات لسير عملك:
- استخدم
typeللأسماء المستعارة البسيطة والأنواع الأولية (primitives). - استخدم
interfaceلتحديد أشكال الكائنات. - تجنب استخدام
any؛ فهي تكسر أمان الكود الخاص بك. - استخدم
unknownإذا كنت لا تعرف النوع بعد. - اترك للمترجم (compiler) تخمين الأنواع عندما تكون واضحة.
- أضف توصيفات الأنواع (annotations) إلى واجهات برمجة التطبيقات (APIs) الخاصة بك لزيادة الوضوح.
إتقان هذه الأدوات يساعدك على بناء تطبيقات كبيرة ومستقرة.
المصدر: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j