derived() لـ Stores المحسوبة
اشتق Store جديدًا تُحسب قيمته من Store واحد أو أكثر
derived() لـ Stores المحسوبة درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ما الذي يفعله derived
ينشئ derived مخزنًا جديدًا تُحسب قيمته من مخزن مصدر واحد أو أكثر.
استيرادها
من svelte/store.
import { derived } from "svelte/store";مصدر واحد
اشتق قيمة من مخزن واحد: مرّره مع دالة تعيد القيمة المشتقة.
export const doubled = derived(count, ($count) => $count * 2);مصادر متعددة
مرّر مصفوفة من المخازن؛ وتتلقى دالة رد النداء مصفوفة من قيمها.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);اشتقاق غير متزامن
مرّر وسيطًا ثانيًا هو set واستدعه بشكل غير متزامن للاشتقاق من مصدر غير متزامن.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});القيمة الابتدائية
تقبل عمليات الاشتقاق غير المتزامنة وسيطًا ثالثًا بوصفه القيمة الابتدائية قبل استدعاء set.
التنظيف التلقائي
مثل المخازن الأخرى، ينظف derived اشتراكاته في مصادره تلقائيًا.
التسلسل
يمكن للمخازن المشتقة أن تعمل هي نفسها كمصادر لمخازن مشتقة أخرى.
التخزين المؤقت للنتائج
لا تتحدث القيمة المشتقة إلا عند تغيّر قيم المصادر. وهذا يعادل المحددات ذات النتائج المخزنة مؤقتًا.
الاستخدام في المكوّنات
استهلكها باستخدام الصيغة المختصرة $ مثل أي مخزن آخر.
<p>Total: {$total}</p>متى تستخدمه
استخدم derived للحالة المشتركة المحسوبة، أما القيم المحسوبة الخاصة بالمكوّن ففضّل $:.
تحقّق سريع
ماذا يعيد derived؟
مراجعة
ينشئ derived مخازن محسوبة للقراءة فقط من مصدر واحد أو عدة مصادر. وهو يدعم الاشتقاق المتزامن وغير المتزامن.
الأسئلة الشائعة
هل درس «derived() لـ Stores المحسوبة» مجاني؟
نعم — نص درس «derived() لـ Stores المحسوبة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «derived() لـ Stores المحسوبة»؟
اشتق Store جديدًا تُحسب قيمته من Store واحد أو أكثر تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «derived() لـ Stores المحسوبة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- derived() لـ Stores المحسوبة
- نمط Store مخصص باستخدام subscribe/set/update
- قابل للقراءة انطلاقًا من قابل للكتابة
- عقود Store وقابلية التشغيل البيني