$derived.by للاشتقاقات المعقدة
احسب القيم المشتقة باستخدام منطق عشوائي عبر صيغة callback الخاصة بـ $derived.
$derived.by للاشتقاقات المعقدة درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
اشتقاقات متعددة العبارات
للقيم المشتقة التي تحتاج إلى أكثر من تعبير واحد، استخدم صيغة دالة الاستدعاء.
let result = $derived.by(() => {
if (count > 10) return "high";
if (count > 5) return "medium";
return "low";
});التفاعلية نفسها
تتتبّع دالة الاستدعاء التبعيات بالطريقة نفسها التي يتتبّع بها $derived ذو التعبير الواحد.
وضوح أفضل
في المنطق المعقّد، تكون صيغة .by أوضح من حشر كل شيء في تعبير واحد.
الحلقات والفروع
يمكنك استخدام حلقات for وif-else وlet داخل دالة الاستدعاء.
الدوال الخالصة
مثل $derived، يجب أن تكون .by خالصة. ولا يُسمح بالآثار الجانبية.
التخزين المؤقت
تُخزَّن النتيجة مؤقتًا حتى تتغير التبعيات.
تجنّب العمل المكثّف
إذا كانت العملية الحسابية مكلفة، ففكّر في تخزينها مؤقتًا خارج الاشتقاق.
استنتاج الأنواع
يستنتج TypeScript نوع القيمة المُعادة من دالة الاستدعاء.
الدمج مع $effect
استخدم $derived.by للقيم المحسوبة، و$effect للآثار الجانبية. أبقِ كلًّا منهما منفصلًا.
الترحيل
حوّل كتل $: المتداخلة إلى $derived.by واحد للحصول على شيفرة أوضح.
في العالم الفعلي
يفيد ذلك في تصفية القوائم وترتيبها، وحساب المقاييس التجميعية، والتنسيق الشرطي.
اختبار سريع
متى تستخدم $derived.by؟
مراجعة
استخدم $derived.by(() => ...) للقيم المحسوبة متعددة الخطوات التي تتضمن فروعًا أو حلقات.
الأسئلة الشائعة
هل درس «$derived.by للاشتقاقات المعقدة» مجاني؟
نعم — نص درس «$derived.by للاشتقاقات المعقدة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «$derived.by للاشتقاقات المعقدة»؟
احسب القيم المشتقة باستخدام منطق عشوائي عبر صيغة callback الخاصة بـ $derived. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «$derived.by للاشتقاقات المعقدة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- $state.raw للحالة غير التفاعلية
- $derived.by للاشتقاقات المعقدة
- $effect.root للتنظيف اليدوي
- الترحيل من Svelte 4 إلى 5