تحديث Stores: set() وupdate()
استبدل قيم Store أو حوّلها باستخدام set() ودالة التحديث الراجعة في update()
تحديث Stores: set() وupdate() درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
طريقتا التحديث
توفّر المخازن دالتي تحديث: set(value) للاستبدال وupdate(fn) للتحويل.
مثال set
استبدل القيمة بأكملها.
count.set(5);مثال update
حوّل القيمة الحالية باستخدام دالة رد نداء.
count.update(n => n + 1);متى تستخدم كلًّا منهما
استخدم set للتغييرات المطلقة، واستخدم update عندما تعتمد القيمة الجديدة على القيمة القديمة.
داخل المكوّنات
داخل ملفات .svelte، فضّل الصيغة المختصرة $store = x على store.set(x).
خارج المكوّنات
في وحدات JS العادية والدوال المساعدة، استدعِ set/update مباشرةً.
تحديث الكائنات
عندما يحتفظ المخزن بكائن، أعد كائنًا جديدًا من update لضمان ملاحظة المشتركين للتغيير.
user.update(u => ({ ...u, name }));تحديث المصفوفات
تنطبق القاعدة نفسها: أعد مصفوفة جديدة، ولا تعدّل المصفوفة في مكانها.
todos.update(list => [...list, newTodo]);التجميع
يؤدي كل تحديث متتالٍ إلى تشغيل المشتركين. ولإجراء تحديثات مجمّعة، احسب القيمة النهائية واضبطها مرة واحدة.
التحديثات غير المتزامنة
يمكنك استدعاء set داخل دوال رد النداء غير المتزامنة؛ ويتلقى المشتركون القيمة الجديدة عند تشغيله.
دوال set مخصصة
غلّف set/update داخل دوال مسماة في مخزن مخصص للحصول على واجهات برمجية أوضح.
function increment() { count.update(n => n + 1); }تحقّق سريع
أي دالة تحتاج إلى القيمة السابقة؟
مراجعة
تستبدل set القيمة، بينما تحوّل update القيمة الحالية باستخدام دالة رد نداء.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «تحديث Stores: set() وupdate()» مجاني؟
نعم — نص درس «تحديث Stores: set() وupdate()» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «تحديث Stores: set() وupdate()»؟
استبدل قيم Store أو حوّلها باستخدام set() ودالة التحديث الراجعة في update() تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «تحديث Stores: set() وupdate()»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إنشاء Store قابل للكتابة
- الاشتراك باستخدام $ للاشتراك التلقائي
- تحديث Stores: set() وupdate()
- Stores قابلة للقراءة ودوال بدء مخصصة