【JavaScript】巻き上げ、ホイストをできるだけ分かりやすく解説します - ゲーマーときどきエンジニア

こんにちは。たいら(@tairaengineer2)です。 今回はJavaScriptのアウトプット記事です。 この記事ではJavaScriptの特有の「巻き上げ」または「ホイスト」と呼ばれる考え方について解説します。 スポンサーリンク 巻き上げ、ホイストとは 解説するプログラムの概要 フォルダ構成 JavaScript HTML 実行結果 解説 巻き上げを回避する方法 同じ名前の変数を宣言しない ローカル変数の宣言を関数の最初に宣言する まとめ：巻き上げには気を付けましょう 巻き上げ、ホイストとは ここから呼び方を巻き上げで統一させて頂きます。 JavaScript の変数にまつわる独特な点として、例外を発生させることなく後に宣言した変数を参照できる点が挙げられます。この考え方は巻き上げとして知られています。 文法とデータ型 - JavaScript | MDNから引用させて頂きました

[iww]

ホイスト。巻き上げ。 途中で変数を宣言しても、ブロックの先頭で宣言したことにされるやつ。 値付きでも代入は宣言時におこなわれるのでそれより前の参照はundefinedにされるやつ。 途中で上書き宣言ができない