ما هو TypeScript ولماذا يجب استخدامه بدلاً من JavaScript؟

مرحباً بالجميع! أنا مطور frontend مبتدئ، أكتب بلغة JavaScript منذ حوالي ستة أشهر. أسمع باستمرار أن جميع المشاريع الرائعة تنتقل إلى TypeScript، لكنني لا أفهم تماماً لماذا هو مطلوب. يبدو أن JS يعمل بشكل طبيعي. إليك مثال: أكتب دالة لجمع المنتجات في سلة التسوق: ```typescript function calculateTotal(price, quantity) { return price * quantity; } let total = calculateTotal("100", 2); // خطأ: نص بدلاً من رقم console.log(total); // "1002" — دمج نصوص وليس ضرب! ``` بسبب الكتابة الديناميكية في JS، يمكنني تمرير نص بدلاً من رقم، وسينهار الكود منطقياً ولكن لن يظهر خطأ. أضطر لقضاء الكثير من الوقت في التصحيح. رأيت أن TypeScript يبدو أنه يضيف أنواعاً، لكنني لا أفهم كم يساعد هذا فعلياً. هل يمكنكم شرح بكلمات بسيطة: ما هو TypeScript، وكيف يختلف جوهرياً عن JavaScript، ولماذا يجب أن أستثمر وقتاً في تعلمه؟ أنا مهتم بأمثلة حقيقية عن كيف يمنع TypeScript مثل هذه الأخطاء.