Javascript Modules

Modern JavaScript development depends on modules in which code is split into smaller, reusable and maintainable code. First try to understand the problem,if you have single file //app.js function add(a,b) return a +b function multiply(a,b)return a*b Now as code grows Files becomes too large Code becomes hard to read Duplication arise Resuing the code is painful This where modules comes into picture: What is Module A module is simply a file that contains code(function, variables, classes)that you export and reuse into another files. Exporting function or variables export const PI = 3.14 export function add ( a , b ){ return a + b } You can export multiple things from a module Importing Modules To use export Modules,you import it // app.js import { add , PI } from ' ./math.js ' ; console . log ( add ( 2 , 3 )); // 5 console . log ( PI ); // 3.14 You must use exact name when importing modules. Default vs Named Exports Default Export: A module can have one default export // greet.js export