JavaScriptにおけるESモジュールからの値のエクスポート

関数だけでなく、 他の値もエクスポートすることができます。 どのように行うか見てみましょう。

文字列のエクスポート

文字列をエクスポートします:

src/test.jsexport default 'test';

インポートを実行します:

src/index.jsimport str from './test.js';
console.log(str);

配列のエクスポート

配列をエクスポートします:

src/test.jsexport default [1, 2, 3, 4];

インポートを実行します:

src/index.jsimport arr from './test.js';
console.log(arr);

オブジェクトのエクスポート

オブジェクトをエクスポートします:

src/test.jsexport default {
  a: 1,
  b: 2,
  c: 3
};

インポートを実行します:

src/index.jsimport obj from './test.js';
console.log(obj);

実践的な課題

Задание 1

数値の配列をエクスポートするモジュールを作成してください。 このモジュールを別のファイルに接続し、 接続した配列の要素の合計を求めてください。

Задание 2

3つの数値をエクスポートするモジュールを作成してください。 このモジュールを別のファイルに接続し、 これらの数値の合計を求めてください。