• Modules
  • Export
    • Named Exports
    • Default Exports

Modules

• to break up your code into separate files
• Modules are imported from external files with the import statement.

  <script type="module">
  //import from named export
  import {name, age} from "./person.js"; 
  //import from default export
  import personalInfo from "./personalInfo.js"; 
  </script>
  

  Export

  Named Exports

• individually

  //person.js
  export const name = "Mina";
  export const age = 22;
  

• all at once at the bottom ```js const name = “Mina”; const age = 22;

export {name, age}; ```

Default Exports

```js const personalInfo = () => { const name = “Mina”; const age = 22; return name + ‘ is ‘ + age + “years old”; };

export default personalInfo;