<h2 id="%E5%A4%89%E6%95%B0" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%A4%89%E6%95%B0" aria-hidden="true"></a> 変数</h2>
<p data-line="1" class="code-line">参照よりも上の行で宣言しないとReferenceErrorになる<br>
↓<br>
宣言よりも下の行で参照する必要あり</p>
<h2 id="%E9%96%A2%E6%95%B0%EF%BC%88function%E3%81%A7%E3%81%AE%E9%96%A2%E6%95%B0%E5%AE%A3%E8%A8%80%EF%BC%89" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E9%96%A2%E6%95%B0%EF%BC%88function%E3%81%A7%E3%81%AE%E9%96%A2%E6%95%B0%E5%AE%A3%E8%A8%80%EF%BC%89" aria-hidden="true"></a> 関数（functionでの関数宣言）</h2>
<p data-line="6" class="code-line">呼び出しより下の行で定義しても問題ない<br>
↓<br>
どこからでも呼び出しOK<br>
（functionでの関数宣言では巻き上げが発生するため）</p>
<h2 id="%E3%82%AF%E3%83%A9%E3%82%B9" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E3%82%AF%E3%83%A9%E3%82%B9" aria-hidden="true"></a> クラス</h2>
<p data-line="12" class="code-line">呼び出しより上の行で定義しないとReferenceErrorになる<br>
↓<br>
定義より下の行で呼び出す必要あり</p>
<h2 id="%E5%8F%82%E8%80%83" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<p data-line="18" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8510840942df1" src="https://embed.zenn.studio/card#zenn-embedded__8510840942df1" data-content="https%3A%2F%2Fjsprimer.net%2Fbasic%2Ffunction-scope%2F%23conclusion" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://jsprimer.net/basic/function-scope/#conclusion" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://jsprimer.net/basic/function-scope/#conclusion</a></p>


変数・関数・クラス呼び出し位置まとめ

変数

関数（functionでの関数宣言）

クラス

参考

Discussion