xpadev

<h1 id="commonjs%E3%81%A7require%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#commonjs%E3%81%A7require%E3%81%99%E3%82%8B" aria-hidden="true"></a> CommonJSでrequireする</h1>
<p>もしCommonJSで開発をしているのであればrequireを使うことでどこでも動的にほかファイルをimportすることができる<br>
requireが実行されるまで参照が発生しないため、循環参照は起きない</p>


<h1 id="esmodule%E3%81%A7async-import%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#esmodule%E3%81%A7async-import%E3%81%99%E3%82%8B" aria-hidden="true"></a> ESModuleでasync importする</h1>
<p>ESModuleでもCommonJSのように実行途中にほかファイルを読み込むことができる<br>
しかし、非同期関数のためライブラリなどで採用するのは難しい</p>


<h1 id="%E5%BE%AA%E7%92%B0%E5%8F%82%E7%85%A7%E3%82%92%E5%BC%95%E3%81%8D%E8%B5%B7%E3%81%93%E3%81%99export%E3%82%92%E9%96%A2%E6%95%B0%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E3%81%AE%E9%9A%9B%E3%81%AB%E5%BC%95%E6%95%B0%E3%81%A8%E3%81%97%E3%81%A6%E6%B8%A1%E3%81%99">
<a class="header-anchor-link" href="#%E5%BE%AA%E7%92%B0%E5%8F%82%E7%85%A7%E3%82%92%E5%BC%95%E3%81%8D%E8%B5%B7%E3%81%93%E3%81%99export%E3%82%92%E9%96%A2%E6%95%B0%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E3%81%AE%E9%9A%9B%E3%81%AB%E5%BC%95%E6%95%B0%E3%81%A8%E3%81%97%E3%81%A6%E6%B8%A1%E3%81%99" aria-hidden="true"></a> 循環参照を引き起こすexportを関数呼び出しの際に引数として渡す</h1>
<p>exportの代わりに関数の引数で渡してしまえば循環参照は発生しなくなる<br>
ただ、参照が10個くらいつながっている場合は引数の取り扱いが地獄になる</p>
