كيفية استخدام الأنواع في TypeScript موضحة للمبتدئين

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

ما هي الأنواع في TypeScript؟

تساعد الأنواع في TypeScript على تحديد شكل وبنية البيانات. من خلال تحديد الأنواع، يمكنك التأكد من أن المتغيرات ومعلمات الوظيفة وقيم الإرجاع تلتزم بالتنسيقات المتوقعة. يمكن أن يمنع هذا العديد من أخطاء البرمجة الشائعة.

الأنواع الأساسية

يوفر TypeScript العديد من الأنواع الأساسية التي يمكنك استخدامها لتحديد المتغيرات والوظائف:

• الرقم: يمثل القيم العددية.
• السلسلة: تمثل بيانات نصية.
• Boolean: يمثل القيم الصحيحة أو الخاطئة.
• المصفوفة: تمثل مجموعة من القيم من نوع معين.
• الكائن: يمثل مجموعة من أزواج القيمة الرئيسية.

مثال على الرقم

let age: number = 30;

مثال على السلسلة

let name: string = "John Doe";

مثال منطقي

let isStudent: boolean = true;

مثال على المصفوفة

let scores: number[] = [85, 90, 78];

مثال على الكائن

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

استدلال النوع

يمكن لـ TypeScript استنتاج الأنواع تلقائيًا استنادًا إلى القيم المعينة. وهذا يعني أنك لست بحاجة دائمًا إلى تحديد الأنواع صراحةً، على الرغم من أن القيام بذلك يمكن أن يعزز وضوح الكود.

مثال على استدلال النوع

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

أنواع مخصصة مع واجهات

تتيح لك الواجهات في TypeScript تعريف أنواع مخصصة ببنية محددة. وهي مفيدة بشكل خاص لإنشاء كائنات معقدة وضمان أشكال متسقة عبر تطبيقك.

مثال على الواجهة

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

أنواع الاتحاد

تسمح أنواع الاتحاد للمتغير بحمل قيم من أنواع متعددة. يمكن أن يكون هذا مفيدًا عندما تكون القيمة واحدة من عدة أنواع.

مثال على نوع الاتحاد

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

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

تتيح لك الأسماء المستعارة للأنواع إنشاء اسم جديد لنوع ما. ويمكن أن يكون هذا مفيدًا لتبسيط تعريفات الأنواع المعقدة.

مثال على الاسم المستعار للنوع

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

خاتمة

يوفر استخدام الأنواع في TypeScript العديد من الفوائد، بما في ذلك الكشف المبكر عن الأخطاء، وتحسين قابلية قراءة التعليمات البرمجية، وتحسين إمكانية الصيانة. من خلال فهم الأنواع الأساسية، واستنتاج النوع، والواجهات، وأنواع الاتحاد، وأسماء الأنواع البديلة، يمكنك البدء في الاستفادة من TypeScript لكتابة تعليمات برمجية أكثر قوة وموثوقية. ومع اكتساب المزيد من الخبرة في TypeScript، ستكتشف المزيد من الميزات والأنماط المتقدمة التي يمكنها تحسين عملية التطوير الخاصة بك بشكل أكبر.