ما هي الحالة (State) في JavaScript؟

الحالة (State) هي البيانات التي يحتفظ بها التطبيق وتتغير مع تفاعل المستخدم أو الأحداث. يمكن اعتبارها “ذاكرة” التطبيق في هذه اللحظة.

مثال: عداد

let count = 0;  // the state

button.addEventListener('click', () => {
  count++;
  display.textContent = count;  // update the UI by hand
});

في الأطر الحديثة

في React أو Alpine.js تكفي تغيير الحالة، والواجهة تتحدث تلقائيًا:

<div x-data="{ count: 0 }">
  <button @click="count++">+</button>
  <span x-text="count"></span>
</div>

أمثلة أخرى للحالة: محتوى سلة المشتريات، وهل القائمة مفتوحة، وما كتبه المستخدم في حقل البحث.