انتقل إلى محتوى الدرس

Comparing call apply and bind مقارنة call وapply وbind

أتقن دالة bind في JavaScript لمنع ضياع سياق this عند تمرير الدوال وتثبيت الوسائط المسبقة وحفظ السياق مع تفاعلات الأزرار والمؤقتات ومقارنتها مع call وapply.
4 صفوف تعليمية
جافا سكريبت
7 مشاهدة

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

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

تكتمل بـ call وapply وbind ثلاثية التحكم الشامل بسياق التنفيذ في دوال JavaScript، ويُلخص الجدول التالي متى تختار كلاً منها:

الدالةهل تنفذ الدالة فوراً؟شكل تمرير الوسائطالقيمة المرجعة
fn.call(ctx, a, b)نعم، تشغلها في الحالقيم مفردة مفصولة بفواصلناتج تشغيل الدالة الأصلية
fn.apply(ctx, [a, b])نعم، تشغلها في الحالمصفوفة واحدة تضم القيمناتج تشغيل الدالة الأصلية
fn.bind(ctx, a)لا، تجهزها للاستدعاء اللاحقوسائط مسبقة اختيارية بالفواصلدالة جديدة مثبتة السياق
الصف 2 معاينة حية
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

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

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

شخّصت في هذا الدرس مشكلة ضياع this عند فصل الدوال، وأنشأت دوال مثبتة السياق عبر .bind()، وطبقت تثبيت الوسائط المسبقة، وحفظت السياق مع أزرار التفاعل، وقارنت بين call وapply وbind. الخطوة التالية: انتقل إلى درس «الكتل البرمجية Block Statement في JavaScript» لإتقان العزل الكتلي وحجب المتغيرات.