DEV Community

Cover image for Importing and Exporting Modules in JavaScript
Anas Nabil
Anas Nabil

Posted on

11 4

Importing and Exporting Modules in JavaScript

  • Name Export
export const name = 'value'
Enter fullscreen mode Exit fullscreen mode
  • Name Import
import { name } from '...'
Enter fullscreen mode Exit fullscreen mode

  • Default Export
export default 'value'
Enter fullscreen mode Exit fullscreen mode
  • Default Import
import anyName from '...'
Enter fullscreen mode Exit fullscreen mode

  • Rename Export
export { name as newName }
Enter fullscreen mode Exit fullscreen mode
  • Name Import
import { newName } from '...'
Enter fullscreen mode Exit fullscreen mode

  • List Export and Renaming
export {
    name1,
    name2 as newName2
}
Enter fullscreen mode Exit fullscreen mode
  • List Import and Renaming
import {
    name1 as newName1,
    newName2
} from '...'
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay