<h3 id="%E9%81%95%E3%81%84%E3%82%92%E8%A1%A8%E3%81%AB%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E3%81%BF%E3%81%9F" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E9%81%95%E3%81%84%E3%82%92%E8%A1%A8%E3%81%AB%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E3%81%BF%E3%81%9F" aria-hidden="true"></a> 違いを表にまとめてみた</h3>
<table data-line="1" class="code-line">
<thead data-line="1" class="code-line">
<tr data-line="1" class="code-line">
<th>タイプ</th>
<th>再代入</th>
<th>再宣言</th>
<th>生成されるスコープ</th>
<th>初期化</th>
<th>備考</th>
</tr>
</thead>
<tbody data-line="3" class="code-line">
<tr data-line="3" class="code-line">
<td>var</td>
<td>可</td>
<td>可</td>
<td>関数</td>
<td>undefined</td>
<td>ES6以降は非推奨なので使ってはいけない</td>
</tr>
<tr data-line="4" class="code-line">
<td>let</td>
<td>可</td>
<td>不可</td>
<td>ブロック</td>
<td>不可</td>
<td>ループ処理や、後から値を更新するときに使う</td>
</tr>
<tr data-line="5" class="code-line">
<td>const</td>
<td>不可</td>
<td>不可</td>
<td>ブロック</td>
<td>不可</td>
<td>ほとんどがconst。再代入する必要がない場合に使う</td>
</tr>
</tbody>
</table>
<h3 id="%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> 参考リンク</h3>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line"><a href="https://magazine.techacademy.jp/magazine/14872" target="_blank" rel="nofollow noopener noreferrer">JavaScriptで書く「var,let,const」の違いと使い分け方法</a></li>
<li data-line="9" class="code-line"><a href="https://www.udemy.com/course/javascript-essence/learn/lecture/19821980#learning-tools" target="_blank" rel="nofollow noopener noreferrer">【JS】ガチで学びたい人のためのJavaScriptメカニズム<br>
</a></li>
</ul>


let, const, varの違い

違いを表にまとめてみた

参考リンク

Discussion

タイプ	再代入	再宣言	生成されるスコープ	初期化	備考
var	可	可	関数	undefined	ES6以降は非推奨なので使ってはいけない
let	可	不可	ブロック	不可	ループ処理や、後から値を更新するときに使う
const	不可	不可	ブロック	不可	ほとんどがconst。再代入する必要がない場合に使う