export によるエクスポート
CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部。レッスン 8/56。
JavaScriptのコードを複数のファイルに分けて整理するとき、exportキーワードを使うと、関数、変数、その他のコードを公開して、ほかのファイルから利用できるようにできます。
エクスポートする2つのシンプルな関数を作成しましょう。
File: math-utils.js
// 2つの数を足す関数
function add(a, b) {
return a + b;
}
// 2つの数を掛ける関数
function multiply(a, b) {
return a * b;
}
// 他のファイルから使えるように関数をエクスポートする
export { add, multiply };別の方法として、インラインのエクスポート構文を使用できます。
File: math-utils.js
// 関数を直接エクスポートする
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}
チャレンジ
簡単2つのファイルmain.js と weather-utils.jsがあります。課題:
-
weather-utils.jsで:getWeatherMessage関数を他のファイルから利用できるように、exportキーワードを追加します -
main.jsで: インポートしたgetWeatherMessage関数を温度15で呼び出し、console.logを使って結果を出力します
自分で試してみよう
import { getWeatherMessage } from './weather-utils.js';
// TODO: 温度 15 で getWeatherMessage 関数を呼び出し、console.log を使って結果を表示する
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
オブジェクト指向プログラミングのすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ