وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير
افهم الصادرات والاستيرادات المسمّاة مقابل الافتراضية، وكيفية إعادة التصدير لبناء حدود مرتبة بين الوحدات.
وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
مقدمة
الهدف: استخدام وحدات ES Modules بثقة. ستصدّر وتستورد الرموز المسمّاة والافتراضية، ثم تركّبها باستخدام إعادة التصدير لإنشاء واجهات API عامة ومنظمة.
التصدير/الاستيراد المُسمّى
عمليات التصدير المُسمّاة تستخدم export قبل التصريحات؛ واستوردها باستخدام الأقواس المعقوفة: import { name }.
// file: math.ts
export function add(a: number, b: number): number { return a + b }
export const PI = 3.14159
// file: app.ts
import { add, PI } from "./math"
console.log(add(2, 3), PI) // 5 3.14159التصدير/الاستيراد الافتراضي
التصدير الافتراضي هو القيمة الأساسية للوحدة. استورده من دون أقواس: import Foo from "./mod".
// file: greet.ts
export default function greet(name: string) { console.log(`Hello, ${name}`) }
// file: app.ts
import greet from "./greet"
greet("Ada")الافتراضي + المُسمّاة معًا
يمكنك الجمع بين تصدير افتراضي واحد وعمليات تصدير مُسمّاة متعددة في وحدة واحدة، ثم استيرادهما معًا.
// file: color.ts
export default "black"
export const palette = [ "red", "green", "blue" ]
// file: app.ts
import baseColor, { palette } from "./color"
console.log(baseColor, palette.length)إعادة التصدير (barrels)
تنشئ إعادة التصدير (export { x } from / export * from) ملف barrel، بحيث تستورد الوحدات المستهلكة من نقطة دخول واحدة.
// file: math/add.ts
export const add = (a: number, b: number) => a + b
// file: math/index.ts (barrel)
export { add } from "./add"
export * from "./more"
// file: app.ts
import { add } from "./math"
console.log(add(1, 2))نصائح ومزالق
نصائح:
- فضّل عمليات التصدير المُسمّاة لتسهيل العثور عليها والحفاظ على اتساق إعادة التسمية.
- استخدم التصدير الافتراضي للعنصر الرئيسي الوحيد في الوحدة.
- أنشئ barrels عند حدود الحزم، وتجنب عمليات الاستيراد الدائرية.
التحقق من الاستيراد الافتراضي
تحقق سريع: ما عملية الاستيراد المطابقة لتصدير افتراضي؟
مراجعة
مراجعة: استخدم التصدير المُسمّى عند وجود عمليات تصدير متعددة، والتصدير الافتراضي لقيمة أساسية واحدة، وإعادة التصدير لتقديم نقطة دخول واضحة.
الأسئلة الشائعة
هل درس «وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير» مجاني؟
نعم — نص درس «وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 3 دروس في المجموع.
ماذا ستتعلم في «وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير»؟
افهم الصادرات والاستيرادات المسمّاة مقابل الافتراضية، وكيفية إعادة التصدير لبناء حدود مرتبة بين الوحدات. تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟
لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟
نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- وحدات ES (المسمّاة مقابل الافتراضية) وإعادة التصدير
- التصريحات المحيطة (.d.ts) وكتابات الجهات الخارجية
- تعيين المسارات وحلّ الوحدات