$derived: القيم المحسوبة التصريحية
احسب قيمًا تُحدّث تلقائيًا عند تغيّر تبعياتها.
$derived: القيم المحسوبة التصريحية درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
الحالة المحسوبة
استخدم $derived(expr) لحساب قيمة من مصادر تفاعلية.
let count = $state(0);
let doubled = $derived(count * 2);التتبع التلقائي
يتتبع Svelte تبعيات التعبير تلقائيًا. وتتحدث القيمة المشتقة عند تغير أي مصدر.
للقراءة فقط
لا يمكن إسناد القيم المشتقة مباشرة؛ فهي تعكس دائمًا نتيجة الحساب.
الاستخدام في الترميز
اقرأ القيم المشتقة كما تقرأ أي حالة.
<p>Doubled: {doubled}</p>التقييم الكسول
تُحسب القيم المشتقة عند قراءتها فقط؛ وإذا لم يقرأها شيء، فسيُتجاوز هذا الحساب.
التخزين المؤقت
تُخزّن النتيجة مؤقتًا حتى يتغير مصدر ما، فلا يتكرر الحساب عند كل قراءة.
المنطق المعقد
استخدم صيغة $derived.by(() => { ... }) للمنطق متعدد العبارات.
مقارنةً بـ $:
يستبدل $derived الصيغة $: x = .... وهو أكثر وضوحًا ويعمل خارج ملفات .svelte.
استنتاج النوع
يستنتج TypeScript الأنواع من التعبير تلقائيًا.
من دون آثار جانبية
يجب أن تكون القيمة المشتقة نقية. استخدم $effect للآثار الجانبية.
الأداء
تُخزّن القيمة مؤقتًا، ولا يُعاد حسابها إلا عند تغير التبعيات.
اختبار سريع
ماذا يعيد $derived؟
مراجعة
يمثل $derived الطريقة الحديثة والصريحة لتعريف القيم المحسوبة. استخدم $derived.by للمنطق متعدد الأسطر.
الأسئلة الشائعة
هل درس «$derived: القيم المحسوبة التصريحية» مجاني؟
نعم — نص درس «$derived: القيم المحسوبة التصريحية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «$derived: القيم المحسوبة التصريحية»؟
احسب قيمًا تُحدّث تلقائيًا عند تغيّر تبعياتها. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «$derived: القيم المحسوبة التصريحية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- لماذا Runes: ما بعد سحر المصرّف
- $state: التفاعلية الدقيقة
- $derived: القيم المحسوبة التصريحية
- $effect: التأثيرات الجانبية