JS Primitive Datatypes

في الـ JavaScript، عندنا تقسيمتين أساسيتين للـ Data Types:

1. الـ Primitive Type: وهي الأنواع الأساسية والبسيطة.
2. الـ Non-primitive Type: زي الـ Objects والـ Arrays.

خلينا نركز النهاردة على الـ Primitive Types اللي بنتعامل معاها يومياً.

1. String

الـ String هو أي نص أو مجموعة حروف. في الـ JavaScript، بنعرف الـ String لما نحط القيمة بين Single Quotes ' ' أو Double Quotes " ".

var username = 'CornPop'; // This is a string
var testNumber = '123'; // Even numbers inside quotes are strings

Difference between Variable and String Literal

لازم تفرق بين إنك تطبع الـ Variable نفسه وبين إنك تطبع كلمة ثابتة:

• لو كتبت console.log('username')؛ الـ JavaScript هيطبع كلمة “username” زي ما هي.
• لو كتبت console.log(username)؛ الـ JavaScript هيطبع القيمة اللي جوا الـ Variable (اللي هي “CornPop”).

---

2. The typeof Operator

عشان نعرف نوع أي Variable في الـ JavaScript، بنستخدم الـ Operator اللي اسمه typeof.

var username = 'CornPop';
console.log(typeof username); // Output: string

---

3. Number

على عكس لغات برمجة تانية كتير، الـ JavaScript مفيش فيها تفرقة بين الـ Integer (الرقم الصحيح) والـ Float أو Double (الأرقام العشرية). كله في الآخر بيعتبر نوع واحد وهو الـ Number.

var userAge = 28;      // Number
var price = 28.5;     // Also a Number
console.log(typeof userAge); // Output: number

ملحوظة: في نوع ظهر في 2015 اسمه الـ BigInt للأرقام الضخمة جداً، بس الأساس عندنا هو الـ Number.

---

4. Boolean

الـ Boolean هو نوع بسيط جداً، ملوش غير قيمتين بس: يا إما true (صح) أو false (غلط). بنستخدمه كتير في الـ Logical conditions.

var isConnected = false;
console.log(typeof isConnected); // Output: boolean

---

5. Undefined

الـ Undefined بيظهر لما نعرف Variable بس مندهوش أي قيمة. الـ JavaScript هنا مش بتلاقي “Value” تحدد منها النوع، فبتعتبر النوع والقيمة الاتنين undefined.

var x; 
console.log(x);        // Output: undefined
console.log(typeof x); // Output: undefined

---

6. Null

الـ Null بيعبر عن “العدم” أو إن القيمة مش موجودة حالياً. مثال توضيحي: لو بنعمل سيستم لموظفين، وعندنا خانة “الموقف من التجنيد”. بالنسبة للموظفات (البنات)، الخانة دي ملهاش قيمة أصلاً، فبنحطها null.

var militaryStatus = null;

The Null Bug in JavaScript

هنا فيه مفاجأة غريبة! لو جيت تعمل typeof null في الـ JavaScript، هيطلع لك النتيجة object. ده بيعتبر Bug أو غلطة قديمة في تصميم اللغة من بدايتها، ومصلحوهاش لحد دلوقتي عشان ميحصلش كسر للـ Websites القديمة اللي معتمدة على الغلطة دي. لكن تقنياً، الـ Null بيعتبر Primitive Type.

---

Summary

graph TD
    A[JavaScript Data Types] --> B[Primitive Types]
    A --> C[Non-Primitive Types]
    B --> D[String]
    B --> E[Number]
    B --> F[Boolean]
    B --> G[Undefined]
    B --> H[Null]
    B --> I[BigInt - ES6]
    B --> J[Symbol - ES6]
    C --> K[Objects]
    C --> L[Arrays]

---

Learning Resources

لو حابب تتعمق أكتر، دي أفضل المصادر:

1. الـ MDN (Mozilla Developer Network): ده المرجع الرسمي والأساسي للغة.
2. الـ JavaScript.info: موقع ممتاز بيشرح بأسلوب تعليمي متدرج (وفيه نسخة عربي).
3. الـ W3Schools: بسيط وسهل للتطبيق السريع.

---

Notes

• الـ null تقنياً بيعتبر Primitive Type، لكن الـ typeof null بيرجع object بسبب خطأ تاريخي في الـ JavaScript Engine. لازم تكون واعي للفرق ده في الـ Interviews.
• الفرق الجوهري بين الـ null والـ undefined هو إن الـ undefined معناه إن المتغير “لم يتم تعيين قيمة له بعد”، أما الـ null فمعناه إن المبرمج قرر “قصداً” إن المتغير ده يكون “فاضي” أو “بدون قيمة”.
• الـ Immutability: كل الـ Primitive types في الـ JavaScript هي Immutable، بمعنى إنك مش بتقدر تغير القيمة نفسها في الذاكرة، لكن بتقدر تعيد تعيين (Re-assign) الـ Variable لقيمة جديدة بالكامل.
• الـ Symbol: ده نوع Primitive تانٍ بيستخدم لعمل Unique identifiers للـ Object properties، وده مفيد في الحالات المتقدمة جداً.

---

• في الـ .NET (زي C#)، عندنا تقسيم مشابه (Value Types vs Reference Types). الـ Primitive types في JS بتشبه الـ Value Types في الـ .NET.
• الـ JavaScript Number بيشبه الـ double في C# لأن الاتنين بيستخدموا الـ IEEE 754 standard.