TypeScript للمبتدئين: استخدام TypeScript

Name: TypeScript للمبتدئين: استخدام TypeScript
Author: Mark Nair

عزز تطوير الويب الخاص بك من خلال الكتابة القوية واستنتاج النوع والميزات القوية في TypeScript

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

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

مرحبًا، ستتعرف في هذه الدروس على متغيرات TypeScript وأنواع البيانات، سلاسل، منطقية أو بوليانية وأرقام. النوع الذي سنسميه Any، استدلال النوع والكائنات والدوال. الآن أصبح المتغير مجرد حاوية لبياناتك. والمعلومات التي تحتفظ بها في هذه الحاويات يمكن أن تتغير حسب احتياجاتك. سأجعل هذه الشاشة أكبر قليلاً حتى نتمكن من رؤيتها. هناك طريقتان يمكننا من خلالهما إعداد متغير في TypeScript. يمكننا استخدام مفتاح var مثل هذا. لقد قلت هنا أن المتغير var المسمى current city هو من النوع strin، ويحمل قيمة السلسلة، أوستين. لكن الكلمة الأساسية var، هنا، قد يسبب بعض الصعوبة إذا لم نكن مستعدين لها. أحدها على وجه الخصوص هو أنه يمكنك الوصول إلى إعلانات var في أي مكان داخل الدالة لديك التي تحتوي عليها أو الوحدة النمطية أو مساحة الاسم. يسمي الناس هذا نطاق var وبسبب هذا، يمكنك إعلان نفس المتغير عدة مرات. وقد يكون هذا أمرًا مربكًا للغاية، خاصة إذا كنت لا تعرف ما الذي تبحث عنه. في الوقت الحالي، دعنا نتجنب هذه الحيرة تمامًا ونعلن عن المتغيرات باستخدام الكلمة الأساسية Let بدلاً من ذلك. الآن قد يسبب لك الأمر Let من وجع القلب إذا كنت معتادًا على استخدام Let بلغات أخرى مثل Swift على سبيل المثال. في Swift، يشير Let إلى الثابت، ويشير var إلى المتغير. ومع ذلك، في هذه الحالة، لن نقلق بشأن ذلك كثيرًا. سنقول فقط أننا سنستخدم Let للمتغيرات. الآن، ملاحظة أخرى حول فكرة المتغير. نحن نتحدث عن المعلومات التي تتغير مع مرور الوقت. هذا هو السبب في أنه متغير. إذا كانت لديك معلومات لا تريد تغييرها، سنستخدم الثابت constant الذي ذكرته للتو. وسبب استخدامنا للثابت، أو أننا نفضل استخدام الثابت، إذا كنت تعلم أنك لن تغير المعلومات، فهذا يعني بالفعل نفاد تخصيص الذاكرة والاتساق والسرعة في الكود الخاص بك. الآن، لإنشاء ثابت، سنستخدم الكلمة الأساسية const. الآن، المتغير هنا، نقول أن current city لن يتغير. إذا حاولنا تغيير ذلك المتغير current city لا يمكننا أن نفعل ذلك. وسترى أن الخط المتعرج هنا أسفل current city يخبرنا بوجود خطأ. وإذا قمنا بالتمرير، فسوف يكون لدي، لا يمكن تعيين current city لأنه ثابت. وهذا منطقي تمامًا. لا يمكننا إضافة قيمة جديدة إليها إذا قلنا بالفعل أن القيمة لن تتغير بمرور الوقت. دعنا نحاول ذلك مرة أخرى، فقط للتحقق مرة أخرى. لدي هنا مجموعة من المعكرونة المفضلة، وهي من النوع السلسة النصية، والتي تساوي penne. ولو حاولت تغييره المعكرونة المفضلة الآن تساوي زيتي. لا يمكننا أن نفعل ذلك. وهنا في سجل الأخطاء، يحدث هذا الآن في TypeScript Playground، وهو مفيد جدًا. إنه يظهر لنا هذا معًا. في بيئات تطوير متكاملة مختلفة، ستظهر لك أخطاء مختلفة بطرق مختلفة. لكن هنا، سنستخدم فقط ما لدينا في Playground لمساعدتنا. خطأ، لا يمكن تعيين المعكرونة المفضلة لأنها ثابت. الآن، سيعطينا TypeScript أيضًا خطأً إذا حاولت تغيير penne إلى نوع مختلف. لا أقصد أنه سيعطي خطأ بسبب Penne. ليس لديها تفضيل على المعكرونة، ولكن القيمة التي أضعها في المعكرونة المفضلة. اسمح لي أن أجرب ذلك بالقول، سوف نتخلص من هذا السطر هنا، وسأقول فقط، نعم، المعكرونة المفضلة لدي هي المعكرونة من نوع السلسلة النصية، لكن هذا صحيح True. سأقول فقط أنها قيمة Boolean هنا. حسنًا، لا يمكننا القيام بذلك لأن الخطأ هنا هو أن النوع Boolean غير قابل للتخصيص لكتابة السلسلة. كل ما يعنيه هذا هو أننا قلنا أن المعكرونة المفضلة هي من النوع السلسلة، ولكن ما أعطيه لها هو قيمة منطقية. الآن، إذا كنت، لسبب ما، أريد أن يكون هذا، على سبيل المثال، صحيحًا كسلسلة، فيمكنني أن أفعل ذلك، ولكن فقط ضع في اعتبارك أن هذا صحيح أو false هي كلمات رئيسية خاصة نستخدمها للقيم المنطقية. تذكر أن TypeScript يدور حول سلامة الكتابة، وعلى الرغم من أن JavaScript المترجمة تعمل بشكل جيد مع الأخطاء، اسمح لي أن أعرض لك هذا، على الرغم من أن هذا خطأ هنا، إذا جئت إلى هنا جافا سكريبت، تعمل بشكل جيد هنا. على الرغم من أنه يفعل ذلك في JavaScript إلا أن هذا ليس هو الحال في تايب سكريبت. شكرا للمشاهدة. ترقب الدرس التالي حيث سأوضح لك كيفية استخدام السلاسل في TypeScript.

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

وصف الدورة

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

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

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

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

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

ما ستتعلمه

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

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

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

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

لمن هذه الدورة؟

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

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

تغطي الدروس المتغيرات وأنواع البيانات، والنصوص، والقيم المنطقية، والأرقام، والنوع "any"، واستدلال الأنواع، ومعاملات التعيين، والعمليات المنطقية، والكائنات، والدوال.

ما هي المهارات التي سأكتسبها؟

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

كيف يساعد استدلال الأنواع عند كتابة كود TypeScript؟

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

لماذا نستخدم الدوال المحددة النوع في TypeScript؟

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