https://codeinfocus.com/tags/typescript/Recent content in Typescript onHugoen-usMon, 06 Sep 2021 11:22:18 +0300https://codeinfocus.com/blog/2021-09/circular-dependencies/Mon, 06 Sep 2021 11:22:18 +0300https://codeinfocus.com/blog/2021-09/circular-dependencies/<p><em>Updated on January 3, 2023</em></p> <h2 id="what-are-circular-dependencies">What are Circular Dependencies?</h2> <p>A circular dependency is when one of your modules imports another modules, which directly or via other modules imports the first module.</p> <p><em>Examples:</em> Direct reference: <code>A -&gt; B -&gt; A</code></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#75715e">// a.js </span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">b</span> } <span style="color:#a6e22e">from</span> <span style="color:#e6db74">&#39;./b.js&#39;</span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#75715e">// b.js </span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span><span style="color:#66d9ef">import</span> { <span style="color:#a6e22e">a</span> } <span style="color:#a6e22e">from</span> <span style="color:#e6db74">&#39;./a.js&#39;</span> </span></span></code></pre></div><p>Indirect reference: <code>A -&gt; B -&gt; C -&gt; A</code></p>