インポート時の「Export Default」の戻り値を取得するにはどうすればよいですか?

Question

単純に、エクスポートのデフォルトがオブジェクトを返す js ファイルがあります。

// x.js
デフォルトをエクスポート ()=>({
  テキスト: 'テキスト'
})

これを別の js ファイルにインポートし、そのデータとマージしたいと考えています (拡張のようなもの)。 今、私はこれをやっています:

// y.js
'./x.js' から x をインポートします。
const obj = x()
デフォルトをエクスポート ()=>({
  ...オブジェクト、
  テキスト2: "テキスト2"
})

動作しますが、きれいではありません。もっと簡単な方法はありますか?

Answer 1

「すっきりした、分かりやすいアプローチをしたい」と思いました。したがって、次のことが役立つかもしれません -

<强>1.デフォルトのエクスポート-
これは、単一のオブジェクト、関数、または変数のみをエクスポートする場合に便利です。インポートプロセス中に、任意の名前を使用してインポートできます。

リーリー

デフォルトのエクスポートは次のように使用することもできます-
これは、デフォルトで名前を付けてエクスポートし (名前を覚えておくため)、任意の名前でインポートするため、任意の名前を使用できるので便利です。

リーリー

<强>2.名前付きエクスポート (推奨)-
これは、複数の値をエクスポートする場合に便利です。インポート プロセス中は、エクスポート名とインポート名の混同を避けるために、同じ名前を使用する必要があります。

リーリー ＃＃＃＃＃＃編集 - ＃＃＃＃＃＃

名前付きエクスポートは、この方法でも使用できます (const 関数やアロー関数を使用せずに) リーリー