يحتاج Pocket إلى أن يتذكّر أشياء: اسم التطبيق، وكم أنفقت اليوم، وهل تجاوزت ميزانيتك. يتذكّر البرنامج بأن يحتفظ بـ قيم ويمنحها أسماء. وقبل أن تفعل أي شيء مثير، عليك أن تعرف أنواع القيم الموجودة وكيف تسمّيها.
\nالقيمة قطعة واحدة من البيانات. ولكل قيمة نوع بيانات (type)، وهو الذي يحدّد ما يمكنك فعله بها. هذه الأنواع الخمسة تغطّي معظم ما ستتعامل معه في أسابيعك الأولى:
\n| النوع | \nأمثلة | \nيُستخدم لـ | \n
|---|---|---|
| number | \n42، 4.5، -3 | \nالمبالغ والأعداد والقياسات | \n
| string | \n"Coffee"، 'food' | \nأي نص | \n
| boolean | \ntrue، false | \nإجابات نعم/لا | \n
| undefined | \nundefined | \n“لم تُعطَ أي قيمة بعد” | \n
| null | \nnull | \n“فارغ عن قصد” | \n
العامل typeof يخبرك بنوع أي قيمة. شغّل هذا الكود وقارن كل سطر بالجدول:
console.log(typeof 42);\nconsole.log(typeof \"Coffee\");\nconsole.log(typeof true);\nconsole.log(typeof undefined);\nconsole.log(typeof null);أربع إجابات تطابق الجدول. أما الأخيرة فتقول "object"، وهذا خطأ يعود إلى عام 1995 ولا يمكن إصلاحه أبدًا لأن ملايين المواقع تعتمد عليه. حين تحتاج إلى معرفة إن كان شيء ما null، قارنه بها مباشرة: value === null.
هناك نوعان أساسيان آخران: bigint (للأعداد الصحيحة الضخمة) وsymbol (للعلامات الفريدة)، ونادرًا ما ستحتاجهما كمبتدئ. وكل ما عدا ذلك، مثل القوائم والسجلّات، هو كائن (object)، والقسم 3 مخصّص لها بالكامل.
\nالمتغيّر (variable) اسم يشير إلى قيمة. تُنشئه بـ تصريح (declaration):
\nconst appName = \"Pocket\";\nlet spentToday = 0;\n\nspentToday = spentToday + 4.5;\nspentToday = spentToday + 12;\n\nconsole.log(appName, \"spent today:\", spentToday);اقرأ السطر 4 كما يقرؤه المحرّك: أولًا يحسب الطرف الأيمن، spentToday + 4.5، أي 0 + 4.5، فالناتج 4.5. ثم يوجّه الاسم spentToday إلى هذه القيمة الجديدة. علامة = تعني “اجعل هذا الاسم يشير إلى”، وليس “يساوي”. ولهذا تجد x = x + 1 منطقية في الكود مع أنها هراء في الرياضيات.
const تُنشئ اسمًا لا يمكن توجيهه إلى أي مكان آخر أبدًا، وlet تُنشئ اسمًا يمكن توجيهه. اتّبع هذه القاعدة: صرّح بـ const افتراضيًا، ولا تغيّرها إلى let إلا حين تكتشف أنك تحتاج إلى إعادة الإسناد. معظم الأسماء في البرامج الحقيقية لا تتغيّر أبدًا، وconst تخبر القارئ التالي أن بإمكانه التوقّف عن القلق بشأنها.
سترى أيضًا كلمة مفتاحية ثالثة، var، في الشروحات القديمة وإجابات Stack Overflow. إنها الطريقة الأصلية للتصريح بالمتغيّرات، ولها قواعد نطاق تسبّب أخطاء (سترى السبب في درس النطاق). الكود الحديث لا يستخدمها.
في JavaScript لا يملك المتغيّر نوعًا خاصًا به. إنه يشير إلى قيمة، والقيمة هي التي لها نوع. لذلك يمكن لمتغيّر let أن يشير إلى رقم الآن وإلى نص لاحقًا:
let note = 12;\nconsole.log(typeof note);\nnote = \"twelve dollars\";\nconsole.log(typeof note);تُسمّى هذه المرونة الكتابة الديناميكية للأنواع (dynamic typing). إنها مريحة، وهي أيضًا بداية كثير من أخطاء المبتدئين: يتحوّل رقم إلى نص بصمت، فيصبح مجموعك "1212". يُريك الدرسان التاليان متى يحدث ذلك بالضبط.
القواعد: يمكن أن يحتوي الاسم على حروف وأرقام و_ و$، ولا يجوز أن يبدأ برقم، ولا أن يكون كلمة محجوزة مثل const أو if. والأسماء حسّاسة لحالة الأحرف، فـ total وTotal متغيّران مختلفان.
أما العادات التي يتّبعها كل مشروع JavaScript: اكتب الأسماء بأسلوب camelCase (spentToday، monthlyBudget)، واجعلها تقول ما تعنيه القيمة، لا ما نوعها. spentToday أفضل من num1، وisOverBudget أفضل من flag. وأسماء القيم المنطقية (booleans) تبدأ عادةً بـ is أو has أو can.
خطآن ستقابلهما أثناء التدرّب:
\nReferenceError: spent is not defined يعني أنك استخدمت اسمًا لم يُصرَّح به قط، وغالبًا بسبب خطأ إملائي.ReferenceError: Cannot access 'spent' before initialization يعني أنك استخدمت متغيّر let أو const في سطر يسبق التصريح به. صرّح أولًا، ثم استخدم.في الدرس التالي تبدأ إجراء العمليات الحسابية على أرقامك، وستكتشف لماذا لا تساوي 0.1 + 0.2 القيمة 0.3 تمامًا.
typeof تخبرك بنوع القيمة التي بين يديك.","المتغيّر اسم يشير إلى قيمة؛ النوع للقيمة، لا للمتغيّر.","صرّح بالمتغيّر باستخدام const افتراضيًا، ولا تنتقل إلى let إلا حين يجب أن يشير الاسم إلى قيمة أخرى لاحقًا.","إعادة إسناد قيمة لـ const ترمي خطأ TypeError، واستخدام اسم قبل التصريح به يرمي خطأ ReferenceError."],"further":[{"title":"JavaScript data types and data structures (MDN)","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Data_structures"},{"title":"let (MDN)","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let"},{"title":"const (MDN)","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const"}],"quiz":[{"q":"ماذا يطبع هذا الكود؟
\nlet total = 10;\ntotal = total + 5;\nconsole.log(typeof total, total);number 10","why":"السطر الثاني يحسب 10 + 5 ويجعل total يشير إلى الناتج، فتختفي القيمة القديمة 10."},{"text":"string 15","why":"القيمتان رقمان ولا توجد أي علامات تنصيص، لذلك الناتج رقم وليس نصًا."},{"text":"number 15","why":"صحيح. يُحسب الطرف الأيمن أولًا (10 + 5)، ثم يُوجَّه total إلى 15، وهي رقم."}],"answer":2},{"q":"تخزّن اسم التطبيق، "Pocket"، وهو لا يتغيّر أبدًا، وعدد المصاريف المُدخلة حتى الآن، وهو يزداد. أيّ التصريحات أنسب؟
let للاثنين، كي لا تصادف أي خطأ.","why":"هذا يعمل، لكنه يُضيّع إشارة مفيدة. const تخبر القارئ، والمحرّك، أن هذا الاسم لن يتحرّك أبدًا."},{"text":"const لاسم التطبيق وlet للعدد.","why":"صحيح. الاسم ثابت، إذن const؛ والعدد يُعاد إسناده كلما زاد، إذن let."},{"text":"const للاثنين، وغيّر العدد بكتابة count + 1.","why":"كتابة count + 1 وحدها تحسب رقمًا جديدًا لكنها لا تخزّنه في أي مكان. وتخزينه يحتاج إلى إعادة إسناد، وهو ما تمنعه const."},{"text":"var للاثنين، لأنها تعمل في كل المتصفّحات.","why":"let وconst تعملان في كل المتصفّحات منذ سنوات. أما var فلها قواعد نطاق مربكة، ويتجنّبها الكود الحديث."}],"answer":1},{"q":"ماذا تُرجع typeof null؟
"null"","why":"هذا منطقي، لكنه ليس ما تفعله JavaScript. الإجابة الحقيقية خطأ تاريخي أُبقي عليه حفاظًا على التوافق."},{"text":""undefined"","why":"undefined وnull قيمتان مختلفتان، ولكل منهما نتيجة مختلفة مع typeof."},{"text":""object"","why":"صحيح. إنه خطأ من الإصدار الأول لـ JavaScript، ولا يمكن إصلاحه دون أن تتعطّل مواقع قديمة. لتفحص null، اكتب value === null."}],"answer":2},{"q":"أيّ سطر يرمي الخطأ TypeError: Assignment to constant variable.؟
const rate = 5; rate = 6;","why":"صحيح. const تُنشئ اسمًا لا يمكن توجيهه إلى قيمة أخرى أبدًا، لذلك تفشل التعليمة الثانية."},{"text":"let rate = 5; rate = 6;","why":"let موجودة تحديدًا كي تستطيع إعادة الإسناد. هذا الكود يعمل بلا مشاكل وتنتهي قيمة rate إلى 6."},{"text":"const rate = 5; const next = rate + 1;","why":"هذا يقرأ rate دون أن يغيّره، ويخزّن الناتج في اسم جديد. لا توجد أي إعادة إسناد."}],"answer":0}],"exercise":{"kind":"web","mode":"js","starter":{"js":"const appName = \"Pocket\";\nconst monthlyBudget = 2000;\n\n// 1. Declare spent, starting at 0\n// 2. Add an expense of 45 to spent, then one of 120\n// 3. Declare remaining: the budget minus what was spent\n// 4. Log the type of remaining\n"},"solution":{"js":"const appName = \"Pocket\";\nconst monthlyBudget = 2000;\n\nlet spent = 0;\nspent = spent + 45;\nspent = spent + 120;\n\nconst remaining = monthlyBudget - spent;\nconsole.log(typeof remaining);\n"},"checks":[{"id":"spent-total","test":"return typeof spent === 'number' && spent === 165;"},{"id":"remaining-value","test":"return remaining === 1835;"},{"id":"logs-type","test":"return logs.some((l) => l.trim() === 'number');"},{"id":"budget-const","test":"try { monthlyBudget = 1; return false; } catch (e) { return e instanceof TypeError; }\n"}],"title":"تتبّع ما أنفقته","prompt":"لدى Pocket ميزانية شهرية monthlyBudget قدرها 2000. صرّح بمتغيّر spent يبدأ من 0، ثم أعِد إسناده مرتين لتضيف مصروفًا قدره 45 وآخر قدره 120. صرّح بـ remaining على أنه monthlyBudget ناقص spent، واطبع نوع remaining. أبقِ monthlyBudget مُصرَّحًا به بـ const.
spent يجب أن يتغيّر، لذلك لا يمكن أن يكون const.","لتضيف إلى متغيّر، احسب القيمة الجديدة من القديمة: spent = spent + 45;.","typeof توضع قبل القيمة: console.log(typeof remaining);."],"explanation":"صُرّح بـ spent باستخدام let لأنه يُوجَّه إلى رقم جديد مرتين: 0، ثم 45، ثم 165. وفي كل مرة يُحسب الطرف الأيمن باستخدام القيمة الحالية قبل أن ينتقل الاسم. أما remaining فلا يتغيّر بعد حسابه، لذلك const هي الخيار الصحيح، وtypeof remaining تساوي "number" لأن طرح رقمين يعطي رقمًا. ومحاولة إعادة إسناد monthlyBudget ترمي TypeError، وهذه بالضبط الحماية التي وُجدت const من أجلها.
spent تنتهي إلى 165","remaining-value":"قيمة remaining هي 1835","logs-type":"تطبع نوع remaining (number)","budget-const":"monthlyBudget ما زال const لا يمكن إعادة إسناده"}},"words":591,"readMinutes":3}