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