Implementing modules – the new way
There is a new way to import and export modules in JavaScript, that is the official module system. Since it is supported natively by the language, it can be referred to as the standard JavaScript module system. You should consider using the official module system in practice because it's native and thus optimized for speed and performance.
Importing/exporting modules
Let's say you're coding a module file and now you're ready to import it into your main file. How will you export it using the official module system? Here's how:
// module.js
const takeSquareAndAdd2 = num => {
return num*num + 2;
}
export { takeSquareAndAdd2 }; // #1
export const someVariable = 100; // #2
export function yourName(name) {
return `Your name ${name} is a nice name`
}; // #3
export default "Holy moly this is interesting!" // #4
#1
: We've first coded a function and then, using theexport
keyword, made it available to other modules that import this particular module.#2
...