التصدير باستخدام export
جزء من قسم Object Oriented Programming في رحلة JavaScript على Coddy — الدرس 8 من 56.
عند تنظيم كود JavaScript الخاص بك عبر ملفات متعددة، تسمح لك الكلمة المفتاحية export بمشاركة الدوال والمتغيرات والأكواد الأخرى حتى يمكن استخدامها في ملفات أخرى.
لنقم بإنشاء دالتين بسيطتين نريد تصديرهما:
الملف: math-utils.js
// دالة تقوم بجمع رقمين
function add(a, b) {
return a + b;
}
// دالة تقوم بضرب رقمين
function multiply(a, b) {
return a * b;
}
// تصدير الدوال حتى تتمكن الملفات الأخرى من استخدامها
export { add, multiply };بدلاً من ذلك، يمكنك استخدام صيغة التصدير المضمنة (inline export):
File: math-utils.js
// تصدير الدوال مباشرة
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}التحدي
سهللديك ملفان <strong>main.js</strong> و <strong>weather-utils.js</strong>. مهمتك هي:
- في
<strong>weather-utils.js</strong>: أضف الكلمة المفتاحيةexportلجعل الدالةgetWeatherMessageمتاحة للملفات الأخرى - في
<strong>main.js</strong>: استدعِ الدالة المستوردةgetWeatherMessageمع درجة حرارة 15 واطبع النتيجة باستخدامconsole.log
ورقة مرجعية
تسمح لك الكلمة الأساسية export بمشاركة الدوال والمتغيرات والأكواد الأخرى من ملف واحد بحيث يمكن استخدامها في ملفات أخرى.
يمكنك تصدير الدوال باستخدام بيان التصدير (export statement) في نهاية الملف:
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
export { add, multiply };بدلاً من ذلك، يمكنك استخدام صيغة التصدير المضمنة (inline export syntax):
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}جرّب بنفسك
import { getWeatherMessage } from './weather-utils.js';
// مهام: استدعاء دالة getWeatherMessage مع درجة حرارة 15 وطباعة النتيجة باستخدام console.logيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Object Oriented Programming
1الكائنات والكلمة المفتاحية this
مراجعة سريعة: الكائناتإضافة Methods إلى الكائناتفهم الكلمة المفتاحية thisConstructor Functionsالكلمة المفتاحية newتحدي المراجعة7الوراثة والكلمة المفتاحية extends
الوراثةعلاقة "is-a"الكلمة المفتاحية extendsالدالة super()وراثة الخصائص والوظائفتحدي المراجعة2تنظيم الكود
ما هي الـ Modules؟التصدير باستخدام exportالاستيراد باستخدام importالـ Default مقابل الـ Named Exports8تنظيم كود OOP
تنظيم الـ Classes في Modules11مشروع: مصيّر الأشكال
إعداد: فئة Shape والتصديروراثة فئة Circle