دالة لإضافة مهمة
جزء من قسم مقدمة إلى TypeScript في رحلة JavaScript على Coddy. الدرس 46 من 73.
التحدي
سهللقد تم تزويدك بما يلي من التحدي السابق:
- واجهة
Taskمعid(number)، وtitle(string)، وstatus(literal type) - ثلاثة متغيرات للمهام:
firstTask، وsecondTask، وthirdTask - دالة
getTaskInfo
قم بإنشاء دالة باسم addTask تأخذ معاملين:
taskListمن نوعTask[](مصفوفة من كائنات Task)titleمن نوعstring(عنوان المهمة الجديدة)
يجب أن تقوم الدالة بما يلي:
- إنشاء مهمة جديدة بمعرف فريد (استخدم طول المصفوفة الحالية + 1)
- تعيين العنوان إلى معامل العنوان المقدم
- تعيين الحالة إلى
'todo' - إرجاع مصفوفة جديدة تحتوي على جميع المهام الموجودة بالإضافة إلى المهمة الجديدة
قم بإنشاء قائمة مهام أولية عن طريق إنشاء متغير باسم initialTasks من نوع Task[] يحتوي على firstTask و secondTask.
استخدم دالة addTask لإضافة مهمة جديدة بالعنوان "Review code changes" إلى initialTasks وقم بتخزين النتيجة في متغير باسم updatedTasks.
قم بطباعة المخرجات التالية في أسطر منفصلة:
- اطبع طول
initialTasks - اطبع طول
updatedTasks - قم باستدعاء
getTaskInfoمع المهمة الأخيرة فيupdatedTasksواطبع النتيجة - اطبع عنوان المهمة المضافة حديثاً (المهمة الأخيرة في
updatedTasks) - اطبع حالة المهمة المضافة حديثاً
جرّب بنفسك
// TODO: Write your code here
// Create the Task interface
interface Task {
id: number;
title: string;
status: 'todo' | 'in-progress' | 'done';
}
// Create the task variables
const firstTask: Task = {
id: 1,
title: "Learn TypeScript interfaces",
status: 'todo'
};
const secondTask: Task = {
id: 2,
title: "Build task management app",
status: 'in-progress'
};
const thirdTask: Task = {
id: 3,
title: "Write unit tests",
status: 'done'
};
// Create the getTaskInfo function
function getTaskInfo(task: Task): string {
return `Task ${task.id}: ${task.title} - ${task.status}`;
}
// Print the required outputs
console.log(getTaskInfo(firstTask));
console.log(getTaskInfo(secondTask));
console.log(getTaskInfo(thirdTask));
console.log(firstTask.status);
console.log(secondTask.title);جميع دروس مقدمة إلى TypeScript
1البداية مع TS
ما هي TypeScript؟لماذا نستخدم TypeScript؟أول كود TypeScript لكعملية الـ Compilation والأخطاءملخص: مقدمة في TS4التعامل مع الدوال
تحديد أنواع المعاملات وقيم الإرجاعتحديد أنواع Arrow Functionsنوع الإرجاع 'void'المعاملات الاختيارية باستخدام '?'القيم الافتراضية للمعاملاتتحديد أنواع Rest Parametersتعريف أنواع الدوالملخص: بناء دوال محددة الأنواع7مشروع: قائمة مهام بسيطة
مشروع: تعريف الـ Struct للمهمةدالة لإضافة مهمة
دالة لتغيير حالة المهمةدالة: عرض المهام حسب الحالةدالة: طباعة ملخص المهامتجميع كل الأجزاء معاً2الأنواع الأساسية
الأنواع الأساسية: str, num, booleanالنوع 'any': مخرج الهروبالنوع 'unknown'التعامل مع 'null' و 'undef'استنتاج الأنواع في التطبيق العمليتوضيحات الأنواع الصريحةمراجعة: تدريب على الأنواع الأساسية5الأنواع: الأسماء المستعارة، الاتحادات والتقاطعات
الأسماء المستعارة للأنواع الأساسية (Primitives)أنواع الاتحاد ('|')التعامل مع أنواع الاتحادالأنواع الحرفية (Literal Types)أنواع التقاطع ('&')دمج الأسماء المستعارة للأنواعملخص: تركيبات الأنواع المتقدمة3هياكل البيانات: المصفوفات و Tuple
المصفوفات محددة النوع (Typed Arrays)معدل 'readonly' للمصفوفاتما هو الـ Tuple؟تعريف والوصول إلى الـ Tuplesتفكيك الـ Tuples (Destructuring)الـ Tuples للقراءة فقط (Readonly)المصفوفات محددة النوع متعددة الأبعاداستخدام Spread Operator مع المصفوفاتملخص: المصفوفات و Tuples6تحديد أنواع الكائنات والواجهات
توصيف أنواع الكائنات المضمنة (Inline)الأسماء المستعارة للأنواع (Type Aliases) للكائناتمقدمة عن الواجهات (Interfaces)الواجهات (Interfaces) مقابل الأسماء المستعارة للأنواع (Type Aliases)الخصائص الاختيارية وخصائص القراءة فقط (Readonly)توسيع الواجهات والأنواعإضافة الدوال (Methods) إلى الواجهاتملخص: تحديد هياكل الكائناتتدرّب بنفسك: Playground لـ TypeScript