Skip to Sidebar Skip to Content
اقرأ-تك اقرأ-تك
ضيفنا الكريم

  • قائمة القراءة
  • تسجيل الدخول
  • الرئيسية
  • المقالات
  • خطط الاشتراك
  • - اصدارتنا
  • ورقة وقلم
  • مدونات فطين
  • شنطة مبرمج
  • النشرة الأسبوعية
  • كنوز
  • - تعرف علينا
  • من نحن
  • الشراكات
  • كتاب المحتوى
  • اكتب معنا
  • تواصل معنا
  • - بنود الخدمة
  • سياسة الخصوصية
  • الشروط والأحكام
الوسوم
  • Backend
  • Distributed Systems
  • System Design
  • Databases
  • LinkedIn
  • X
  • Facebook
  • Telegram
  • GitHub
جميع الحقوق محفوظة لمنصة اقرأ-تِك 2024©

TypeScript Tales - Part 2

  • Mohamed Lotfy by Mohamed Lotfy
    Mohamed Lotfy Mohamed Lotfy
    Software Engineer
    • Website
  • •
  • 13 Jan, 2024
  • •
  • 2 min read
  • Share on X
  • Share on Facebook
  • Share on LinkedIn
  • Share on Pinterest
  • Email
TypeScript Tales - Part 2
TypeScript Tales - Part 2
  • Technologies & Frameworks
  • Frontend
  • TypeScript
  • Programming Language

هنتعرف في المقال ده على نوع البيانات الخاص بالـ TypeScript والذي يعد جزءًا مهمًا في أي لغة برمجة. يوضح الرسم البياني أنواع البيانات التي تم تصنيفها على أنها أنواع بيانات أولية primitive/أنواع مدمجة builtin وأنواع محددة user defined من قبل المستخدم.

الأنواع الأولية Basic Types في TypeScript هي كالتالي:

  • number
  • bigint
  • string
  • boolean
  • null
  • undefined
  • number
  • bigint
  • string
  • boolean
  • null
  • undefined

Number

جميع الأرقام في TypeScript هي إما قيم عشرية floating-point أو أعداد صحيحة كبيرة. الأرقام العشرية لها نوع number بينما تحصل الأعداد الصحيحة الكبيرة على نوع bigint.

ما يلي يوضح كيفية يكون متغير يحمل قيمة عشرية floating-point:

let price: number;
let price = 9.95;

ما يلي يوضح كيفية يكون متغير يحمل decimal numbers 

let counter: number = 0;
let x: number = 100,

ما يلي يوضح كيفية يستخدم الرقم الثنائي Binary Number صفرًا مُسبوقًا بحرف صغير أو كبير "B" مثل 0b أو 0B:

let bin = 0b100; let anotherBin: number = 0B010;

ما يلي يوضح كيفية يستخدم الرقم Octal Number

let octal: number = 0o10;

ما يلي يوضح كيفية يستخدم أرقام السداسي عشرية Hexadecimal number تستخدم صفرًا مسبوقًا بحرف X صغير أو كبير (0x أو 0X).

let hexadecimal: number = 0XA;

ما يلي يوضح كيفية يستخدم الأعداد الصحيحة الكبيرة  big integers تمثل الأعداد الصحيحة الكبيرة من  253 – 1 فما فوق. العدد الصحيح الكبير يحتوي على الحرف n في نهاية العدد الصحيح مثل هذا:

let big: bigint = 9007199254740991n;

String

مثل JavaScript ، يستخدم TypeScript علامات اقتباس مزدوجة (") أو علامات اقتباس مفردة (') لتحيط بالنصوص النصية:

let firstName: string = 'John';
let title: string = "Web Developer";

تدعم أيضًا TypeScript  ل strings  التي تستخدم العلامة العكسية (`) لتحيط بالأحرف.

تتيح لك strings إنشاء سلاسل متعددة الأسطر وتوفير ميزات تضمين السلاسل.

يوضح المثال التالي كيفية إنشاء strings متعددة الأسطر باستخدام العلامة العكسية (`):

let description =This TypeScript string can span multiple lines ;

هذا المقال مخصص للأعضاء فقط

اشترك الآن وتصفح كافة المقالات المميزة واستمتع بمحتوى حصري وابق على اطلاع دائم بالتحديثات المستمرة.

اشترك الآن 🚀

هل لديك حساب؟ تسجيل الدخول

في هذا المقال
اشترك الآن واكمل قراءة المقال
قناة اقرأ-تِك على التليجرام قناة اقرأ-تِك على التليجرام

اشترك الآن بنشرة اقرأ‑تِك الأسبوعية

لا تدع أي شيء يفوتك. واحصل على أحدث المقالات المميزة مباشرة إلى بريدك الإلكتروني وبشكل مجاني!

مقالات ذات صلة

  • React Props Best Practices for Handling Large Objects 1 min read

    React Props Best Practices for Handling Large Objects

    Ahmed Hany Ahmed Hany • 22 Dec, 2024
    Ahmed Hany Ahmed Hany
    Frontend Developer
    • Website
  • Polymorphic React Components 2 min read

    Polymorphic React Components

    Oussama Djaidri Oussama Djaidri • 13 May, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
  • State Reducer Pattern in React 2 min read

    State Reducer Pattern in React

    Oussama Djaidri Oussama Djaidri • 16 Mar, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
  • Control Props Pattern In React 1 min read

    Control Props Pattern In React

    Oussama Djaidri Oussama Djaidri • 18 Feb, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
  • How to Write Better Logs 2 min read

    How to Write Better Logs

    Alaa Elkzaz Alaa Elkzaz • 7 Feb, 2024
    Alaa Elkzaz Alaa Elkzaz
    Co-Founder & Software Engineer
    • Website
  • Higher Order Component Pattern In React 4 min read

    Higher Order Component Pattern In React

    Oussama Djaidri Oussama Djaidri • 28 Jan, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
  • Prop Getters Pattern In React 6 min read

    Prop Getters Pattern In React

    Oussama Djaidri Oussama Djaidri • 12 Jan, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
  • Software Versioning In a Nutshell 1 min read

    Software Versioning In a Nutshell

    Alaa Elkzaz Alaa Elkzaz • 10 Jan, 2024
    Alaa Elkzaz Alaa Elkzaz
    Co-Founder & Software Engineer
    • Website
  • Package Managers In a Nutshell 1 min read

    Package Managers In a Nutshell

    Alaa Elkzaz Alaa Elkzaz • 4 Jan, 2024
    Alaa Elkzaz Alaa Elkzaz
    Co-Founder & Software Engineer
    • Website
  • Unlocking Flexibility: Compound & Render Props in React - Part 2 3 min read

    Unlocking Flexibility: Compound & Render Props in React - Part 2

    Oussama Djaidri Oussama Djaidri • 2 Jan, 2024
    Oussama Djaidri Oussama Djaidri
    Front-End Engineer
    • Website
اقرأ-تك اقرأ-تك
  • الرئيسية
  • المقالات
  • خطط الاشتراك
  • - اصدارتنا
  • ورقة وقلم
  • مدونات فطين
  • شنطة مبرمج
  • النشرة الأسبوعية
  • كنوز
  • - تعرف علينا
  • من نحن
  • الشراكات
  • كتاب المحتوى
  • اكتب معنا
  • تواصل معنا
  • - بنود الخدمة
  • سياسة الخصوصية
  • الشروط والأحكام
الوسوم
  • Backend
  • Distributed Systems
  • System Design
  • Databases
  • LinkedIn
  • X
  • Facebook
  • Telegram
  • GitHub
جميع الحقوق محفوظة لمنصة اقرأ-تِك 2024©