في JavaScript، الوحدات هي وحدات قائمة بذاتها من التعليمات البرمجية التي يمكنها كشف الأصول لوحدات أخرى باستخدام تصدير واستهلاك الأصول من وحدات أخرى باستخدام الاستيراد. هذه الآلية ضرورية لبناء تعليمات برمجية معيارية وقابلة لإعادة الاستخدام في تطبيقات JavaScript الحديثة.
الصادرات الافتراضية
// Exporting a default asset export default function greet(name) { console.log(`Hello, ${name}!`); } // Importing the default export import greet from './myModule';
الصادرات المسماة
// Exporting named assets export function greet(name) { console.log(`Hello, ${name}!`); } export function farewell(name) { console.log(`Goodbye, ${name}!`); } // Importing named exports import { greet, farewell } from './myModule';
الجمع بين عمليات التصدير الافتراضية والمسماة
يمكنك الحصول على تصدير افتراضي وصادرات مسماة في وحدة واحدة:
export default function greet(name) { console.log(`Hello, ${name}!`); } export function farewell(name) { console.log(`Goodbye, ${name}!`); }
لاستيراد كل من الصادرات الافتراضية والمسماة:
import greet, { farewell } from './myModule';
النقاط الرئيسية التي يجب تذكرها
مثال عملي
فكر في مكون React:
import React from 'react'; export default function Greeting({ name }) { returnHello, {name}!
; }
في هذا المثال، يتم تصدير مكون الترحيب باعتباره التصدير الافتراضي. يمكن استيراده واستخدامه في مكونات أخرى:
import Greeting from './Greeting'; function MyComponent() { return; }
من خلال فهم عمليات التصدير والاستيراد، يمكنك تنظيم التعليمات البرمجية وإعادة استخدامها بشكل فعال في مشاريع JavaScript الخاصة بك.
تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.
Copyright© 2022 湘ICP备2022001581号-3