Answering my own question. Thanks for the comments.
Modularity is a must for software. Before ES Modules, we achieved modules through Module Pattern(which is simply putting related things in an object). By ES6, Modules are native. And native is always the better option.
In Module Pattern, we made modules with closures. In ES Modules we code them in seperate files.
- Seperate files adds another layer of protection against code violation.
Modules drive us to design better software.
- With ES Modules we have export keyword which gives us freedom to choose what to expose.
- We also have import keyword to pick whatever we want from a module.
With ES6 Modules we can now include Javascript modules which are in seperate files into our web app without the need to include them in script tags.