インポート時の「Export Default」の戻り値を取得するにはどうすればよいですか?
P粉595605759
2023-08-27 23:36:46
<p>単純に、エクスポートのデフォルトがオブジェクトを返す <code>js</code> ファイルがあります。 </p>
<pre class="brush:js;toolbar:false;">// x.js
デフォルトをエクスポート ()=>({
テキスト: 'テキスト'
})
</pre>
<p>これを別の <code>js</code> ファイルにインポートし、そのデータとマージしたいと考えています (拡張のようなもの)。
今、私はこれをやっています: </p>
<pre class="brush:js;toolbar:false;">// y.js
'./x.js' から x をインポートします。
const obj = x()
デフォルトをエクスポート ()=>({
...オブジェクト、
テキスト2: "テキスト2"
})
</pre>
<p>動作しますが、きれいではありません。もっと簡単な方法はありますか? </p>
「すっきりした、分かりやすいアプローチをしたい」と思いました。したがって、次のことが役立つかもしれません -
1.デフォルトのエクスポート-
リーリーこれは、単一のオブジェクト、関数、または変数のみをエクスポートする場合に便利です。インポートプロセス中に、任意の名前を使用してインポートできます。
デフォルトのエクスポートは次のように使用することもできます-
リーリーこれは、デフォルトで名前を付けてエクスポートし (名前を覚えておくため)、任意の名前でインポートするため、任意の名前を使用できるので便利です。
2.名前付きエクスポート (推奨)-
リーリー ######編集 - ######これは、複数の値をエクスポートする場合に便利です。インポート プロセス中は、エクスポート名とインポート名の混同を避けるために、同じ名前を使用する必要があります。
名前付きエクスポートは、この方法でも使用できます (const 関数やアロー関数を使用せずに) リーリー