TypeScript للمبتدئين: الواجهات

Name: TypeScript للمبتدئين: الواجهات
Author: Mark Nair

كن بارعًا في تنفيذ وإعلان الواجهات للدوال في TypeScript

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ3.

دورة تدريبية: عند الطلب

مرحبًا، اسمي مارك ناير، وفي هذه الدروس، ستتعرف على واجهات TypeScript، بما في ذلك الإعلان وتنفيذ واجهات، واستخدام واجهات للدوال. دعنا نلقي نظرة على كائن بسيط للبدء. سأصنع فقط كائن حيوان. الآن، هناك أوقات ستسمع فيها الناس يقولون، دعنا ننظر إلى شكل هذا الكائن، وهو مجرد وسيلة لوصف ما هو الكائن، وفي هذه الحالة، الشكل، لدينا خاصية الاسم، عدد الأرجل، قيمة منطقية لـ canFly وisOmnivore. الآن لم أحدد هذه الأمور بشكل مباشر، ولكن يمكنك أن ترى من خلال كيفية فهم TypeScript لما نريده، أن هذه خاصية سلسلة، وهذه خاصية رقم، وهذه خاصية منطقية، ثم الكائن بأكمله هنا الذي يحتوي على كل تلك الخصائص. ومع ذلك، في بعض الأحيان، نريد أن نكون أكثر إيجازًا في التعليمات البرمجية الخاصة بنا، ونتأكد من أن المطورين الآخرين يتبعون منطقنا الداخلي. في بعض الأحيان يمكن أن يكون لدى شخص ما حيواننا، ولكن لديه القدرة على الطيران فقط، ولا شيء آخر، لكننا قد لا نريد ذلك في كودنا، نحن نريد شيئًا أكثر جدية، نريد شيئًا أكثر تصميمًا. نظرًا لأن أنواع TypeScript تعمل مع بعضها البعض إذا كان شكلها الداخلي متكافئًا، فيمكننا استخدام ذلك لصالحنا ومساعدتنا في إنشاء هذا الشيء الذي يسمى واجهة لتحسين التعليمات البرمجية لدينا. ما يعنيه هذا هو أنه يمكننا إنشاء واجهة تعمل كمخطط. إذًا كل هذا العمل هنا مع var Animal وكل شيء، في الوقت الحالي، هو مجرد كائن معين لهذا النمر، على سبيل المثال، بهذه الخصائص. لكن يمكننا عمل مخطط لكائن يمكن أن تشاركه الحيوانات الأخرى، أو يمكن أن تشاركه كائنات أخرى تشير إلى الحيوانات. وهذا ما يسمى واجهة. وتحدد الواجهة القواعد التي يجب أن يتبعها كائن أو مصفوفة أو دالة أو حتى فئة. تعمل مثل هذا. أولاً نحدد الواجهة باستخدام الكلمة الأساسية واجهة Interface، ثم اسم الواجهة سأسمي هذا المثال FirstInterface، وبعض الأقواس المتعرجة. ومن ثم داخله سنضيف الخصائص مع أنواعها وهذا سيحدد شكل الواجهة. على سبيل المثال، إذا كان لدي خاصية مع نوع، وبعد ذلك كان لدي خاصية أخرى مع نوع، وهكذا، يمكننا أيضًا، بهذا الشكل، لديك دالة من نوع معين، وإرجاع نوع معين. إذن هذا هو المخطط التفصيلي. هذه هي الطريقة التي تبدو بها الواجهة، ونحن نستخدم هذا لبناء العديد والعديد من هذه الواجهة. الواجهات موجودة فقط في TypeScript. عندما نقوم بتجميعها في JavaScript فإنها تختفي. شكرا للمشاهدة. ترقب الدرس التالي، حيث سأوضح لك كيفية إعلان الواجهات وتنفيذها فعليًا.

مبتدئ مقدِّم الخدمة : Mark Nair 3 الدروس · 14m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

تعد واجهات TypeScript أداة قوية تتيح لك تحديد شكل وبنية الكائنات والدوال والفئات. في هذه الدروس، ستتعلم كل ما تحتاج لمعرفته حول واجهات TypeScript.

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

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

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

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

ما ستتعلمه

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

النقاط الرئيسية

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

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

ماذا سأتعلم في هذه الدورة؟

ستتعلم ما هي واجهات TypeScript، وكيفية الإعلان عن الواجهات وتنفيذها للكائنات والفئات والدوال، وكيفية استخدامها لفرض العقود وضمان سلامة النوع في الكود الخاص بك.

ما هي الموضوعات التي تغطيها الدروس؟

تغطي الدروس ماهية الواجهات، والإعلان عن الواجهات وتنفيذها، والواجهات الخاصة بالدوال.

ماذا سأكون قادرًا على فعله بنهاية الدورة؟

بنهاية الدورة، سيكون لديك فهم قوي للواجهات وستكون قادرًا على كتابة واجهات للكائنات والفئات والدوال، واستخدامها لفرض العقود وضمان سلامة النوع في الكود الخاص بك.

كيف تعمل الواجهات على تحسين الكود الخاص بي؟

تساعد الواجهات في جعل الكود الخاص بك أكثر نموذجية وقابلية للتوسيع والصيانة، كما تفرض سلامة النوع لجعل الكود أكثر قوة وخاليًا من الأخطاء.

هل هذه الدورة مناسبة للمبتدئين؟

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