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

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay