تجنب مفاجآت التحويل التلقائي | تحويل أنواع البيانات في JavaScript

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

أشهر أخطاء التحويل الضمني في تطبيقات الويب تقع مع معامل الجمع +؛ فإذا كان أحد طرفيه نصاً يتحول المعامل فوراً من الجمع الرياضي إلى لصق النصوص، فتصبح تكلفة السلة 100 + "15" مساويةً للنص الكارثي "10015"! تحويل المدخلات صراحةً عبر Number(...) فور استلامها يقضي على هذه المفاجآت جذرياً.

الصف 2 كود برمجي

JavaScript

const subtotalText = '350';
const deliveryText = '25';
const buggySum = subtotalText + deliveryText;
const safeSum = Number(subtotalText) + Number(deliveryText);
document.getElementById('cart-fix').textContent =
  'Buggy: ' + buggySum + ' | Safe: ' + safeSum;

جرّب بنفسك

الصف 3 ملاحظة هامة

الصف 4 ملاحظة هامة

الصف 5 ملاحظة هامة

خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

فرّقت في هذا الدرس بين التحويل الصريح والضمني، وأتقنت الدوال String() وNumber() وparseInt() وparseFloat() وBoolean()، وفهمت أسباب ظهور NaN والقيم الست الكاذبة Falsy. الخطوة التالية: انتقل الآن إلى درس «الأرقام وكائن Math في JavaScript» لضبط الكسور العشرية وتطبيق الدوال الرياضية المدمجة.

Avoiding Implicit Coercion Bugs تجنب مفاجآت التحويل التلقائي

شرح صفوف ومحتوى الفقرة

ملخص الدرس

ماذا تعلّمت في هذا الدرس؟

جميع فقرات هذا الدرس (تحويل أنواع البيانات في JavaScript)