يواصل هذا البرنامج التعليمي سلسلة TypeScript Beginner ، بناءً على مقدمات سابقة لميزات TypeScript ، والتثبيت ، واقتراحات IDE. تعليمي الثاني مغطى أنواع بيانات TypeScript وفوائد الوقاية من الخطأ.

يركز هذا الجزء على واجهات. سنستكشف كيفية واجهات ، مثل x و point (مع width ) ، و cuboid (تمديد يوضح مثال cuboid تحديد قيم لجميع الخصائص واستخدام دالة لحساب وحدة التخزين. من الأهمية بمكان أن نلاحظ أن الواجهات هي ميزة خاصة بـ TypeScript ، غائبة في JavaScript. يؤدي تجميع رمز TypeScript إلى ما يعادل JavaScript التالي: دالة VOLUMECUBOID (Cuboid) { دع المجلد = cuboid.length * cuboid.width * cuboid.Height ؛ console.log (`volume: $ {volume}`) ؛ } دع cuboid = {x: -22 ، y: 28 ، العرض: 12 ، الطول: 32 ، الارتفاع: 20} ؛ VolumeCuboid (Cuboid) ؛ // المجلد: 7680

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

مستديران

باستخدام الأنواع الموجودة ، مع تسليط الضوء على الاختلافات بين دمج إعلانات الواجهة المتعددة (المسموح بها) وأنواع التراجع (مما يؤدي إلى أخطاء).

function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680

مفتاح الوجبات السريعة:

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

سوف يتغلب البرنامج التعليمي التالي إلى فئات typextript.