DEV Community

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

Posted on

Importing and Exporting Modules in JavaScript

#javascript #beginners #tutorial
  • 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)

Read next

kvetoslavnovak profile image

Experiences and Caveats of Svelte 5 Migration

kvetoslavnovak -

mukarramjavid profile image

How to Create PDFs in React from JSON Data with jsPDF

Mukarram Javid -

jagroop2001 profile image

20 JavaScript Tricks Every Developer Must Know 🚀

Jagroop Singh -

kkr0423 profile image

React Basics~unit test/user event

Ogasawara Kakeru -