شرح صفوف ومحتوى الفقرة
تستطيع تفكيك الكائنات المتداخلة مثل const { author: { name } } = article;، والأجمل عملياً هو تفكيك كائن الإعدادات مباشرةً في رأس معاملات الدالة: function formatCard({ title, badge = "NEW" } = {}).
تأمل أهمية = {} في نهاية القوس! فبدونها يؤدي استدعاء formatCard() بلا وسائط إلى محاولة تفكيك undefined وإطلاق خطأ TypeError، بينما تضمن = {} عمل الاستدعاء الفارغ بسلاسة تامة اعتماداً على القيم الافتراضية الداخلية.
function buildBanner({ title = 'Hi', tone = 'info' } = {}) {
return '[' + tone.toUpperCase() + '] ' + title;
}
const msgA = buildBanner({ title: 'Saved!', tone: 'success' });
const msgB = buildBanner();
const out = document.getElementById('opt-d-out');
out.textContent = msgA + '\n' + msgB;ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس تفكيك المصفوفات بالموقع وتخطي الخانات وتبديل المتغيرات، وتفكيك الكائنات بالاسم وإعادة تسميتها بالنقطتين وتحصينها بالقيم الافتراضية ومعاملات الدوال الذاتية التوثيق = {}. الخطوة التالية: انتقل الآن إلى درس «معاملا النشر والتجميع Spread وRest في JavaScript» لنسخ ودمج وتجميع البيانات ومقارنة النسخ السطحي بالنسخ العميق!