JavaScriptにおけるESモジュールからの値のエクスポート
関数だけでなく、 他の値もエクスポートすることができます。 どのように行うか見てみましょう。
文字列のエクスポート
文字列をエクスポートします:
export default 'test';
インポートを実行します:
import str from './test.js';
console.log(str);
配列のエクスポート
配列をエクスポートします:
export default [1, 2, 3, 4];
インポートを実行します:
import arr from './test.js';
console.log(arr);
オブジェクトのエクスポート
オブジェクトをエクスポートします:
export default {
a: 1,
b: 2,
c: 3
};
インポートを実行します:
import obj from './test.js';
console.log(obj);
実践的な課題
数値の配列をエクスポートするモジュールを作成してください。 このモジュールを別のファイルに接続し、 接続した配列の要素の合計を求めてください。
3つの数値をエクスポートするモジュールを作成してください。 このモジュールを別のファイルに接続し、 これらの数値の合計を求めてください。