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