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;
}
チャレンジ
簡単<strong>main.js</strong> と <strong>weather-utils.js</strong> の2つのファイルがあります。あなたのタスクは以下の通りです：
<strong>weather-utils.js</strong>内で：exportキーワードを追加して、getWeatherMessage関数を他のファイルから利用できるようにします。<strong>main.js</strong>内で：インポートされたgetWeatherMessage関数を引数 15 で呼び出し、その結果をconsole.logを使用して出力します。
チートシート
exportキーワードを使用すると、関数、変数、その他のコードをあるファイルから公開して、他のファイルで使用できるようになります。
ファイルの最後にあるexportステートメントを使用して、関数をエクスポートできます。
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
export { add, multiply };あるいは、インラインのexport構文を使用することもできます。
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}自分で試してみよう
import { getWeatherMessage } from './weather-utils.js';
// TODO: 温度15でgetWeatherMessage関数を呼び出し、console.logを使用して結果を出力してください
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
