مقدمة إلى الوحدات ومساحات الأسماء

تساعد الوحدات ومساحات الأسماء في TypeScript على تنظيم تعليماتك البرمجية وهيكلتها، خصوصًا في المشاريع الكبيرة.

وعلى الرغم من تحقيقهما أهدافًا متشابهة، فإن طريقة استخدام كل منهما تختلف، وسيرشدك هذا الدرس إلى الفروق بينهما وكيفية استخدامهما.

ما هي الوحدات؟

الوحدات هي ملفات أو أجزاء من التعليمات البرمجية تصدّر وظائف، مثل المتغيرات أو الدوال أو الأصناف، لإعادة استخدامها في أجزاء أخرى من التطبيق.

يستخدم TypeScript وحدات ES لتنفيذ وظيفتي الاستيراد والتصدير، وهما الآن معيار معتمد في JavaScript.

التصدير والاستيراد في الوحدات

يمكنك تصدير التعليمات البرمجية من وحدة باستخدام export واستيرادها باستخدام import:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

استوردها في ملف آخر:

// app.ts
import { add } from './math';
console.log(add(2, 3));

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import { add } from './math';
console.log(add(2, 3));

التصديرات الافتراضية

يسمح TypeScript أيضًا بالتصديرات الافتراضية، التي تتيح لك تصدير قيمة واحدة من وحدة:

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

استوردها من دون أقواس معقوفة:

// app.ts
import add from './math';
console.log(add(2, 3));

// math.ts
export default function add(a: number, b: number): number {
  return a + b;
}

// app.ts
import add from './math';
console.log(add(2, 3));

ما هي مساحات الأسماء؟

مساحات الأسماء في TypeScript هي طريقة لتجميع التعليمات البرمجية ذات الصلة تحت اسم واحد، مما يوفر وسيلة لتنظيمها وتجنب تعارضات الأسماء.

يُصرَّح عن مساحات الأسماء باستخدام الكلمة المفتاحية namespace.

إنشاء مساحات الأسماء واستخدامها

إليك مثالًا على مساحة أسماء:

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

يمكنك استخدامها كما يلي:

console.log(MathUtils.add(2, 3));

namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

console.log(MathUtils.add(2, 3));

الوحدات مقابل مساحات الأسماء

إليك أهم الفروق بين الوحدات ومساحات الأسماء:

• الوحدات قائمة على الملفات وتدعم صيغة وحدات ES.
• مساحات الأسماء مناسبة لتنظيم التعليمات البرمجية في ملف واحد، لكنها تُعد قديمة في التطبيقات الحديثة.

أفضل الممارسات

عند العمل باستخدام TypeScript:

• استخدم الوحدات في المشاريع الجديدة، لأنها تتوافق مع معايير JavaScript الحديثة.
• استخدم مساحات الأسماء فقط في المشاريع القديمة أو الصغيرة.
• احرص دائمًا على تنظيم تعليماتك البرمجية واتساقها.

تهانينا!

لقد تعلمت كيفية استخدام الوحدات ومساحات الأسماء لهيكلة مشاريع TypeScript وتنظيمها. واصل التدريب لإتقان هذه المفاهيم المهمة!