CommonJSを使用したインポートとエクスポート
- はじめに JavaScriptのモジュールについて学びましょう。モジュールは、コードを再利用しやすい形でまとめたものです。ここでは、CommonJSを使って、モジュールをインポート・エクスポートする方法を見ていきましょう。二人の説明を見ていきましょう。
CommonJSってなに？
それは、Node.jsで使われているモジュールシステムだよね？
そうなの！CommonJSは、Node.jsで使われているモジュールシステムで、コードを分割して、他のファイルで使えるようにするの！
CommonJSでモジュールを作るには、
module.exports
オブジェクトを使って、他のファイルで使えるようにするの。そして、
require()
関数を使って、別のファイルからモジュールを読み込むの！例えば、こんな感じ！
// greet.js
function greet(name) {
console.log('Hello, ' + name + '!');
}
module.exports = {
greet: greet
};
// main.js
const { greet } = require('./greet.js');
greet('Alice');
なるほど、
module.exports
でモジュールを他のファイルで使えるようにして、
require()
で別のファイルからモジュールを読み込むんだね！
そうなの！CommonJSを使うことで、コードがスッキリして、再利用性が高まるし、依存関係が明確になるの！
- おわりに CommonJSを使って、コードをモジュール化し、他のファイルで使えるようにすることができましたね！これで、コードがスッキリと整理され、再利用性が高まり、依存関係も明確になりました！😀