By definition, a module is just a file which can be imported from other modules (or files) through the help of directives like
export: keyword labels variables and functions that should be accessible from outside the current module.
import: allows the import of functionality from other modules.
We’ll come back to more of that later.
To demonstrate the use of modules we will create a simple
user module that will expose a
User class. Let’s review the basic structure for the project:
index.html scripts/ index.js modules/ user.js
Our app will be very simple and it will just show the name of a user on the screen, but the interesting part is that the name will come from an object instance of the
User class. Let’s see it in action with a live demo: