JavaScriptでの関数の巻き上げ

巻き上げは、コードの実行を開始する前に、変数と関数の宣言をスコープの最上位に移動するJavaScriptの手法です。スコープ内では、関数または変数が宣言されている場所に関係なく、それらはスコープの最上位に移動されます。

巻き上げると、割り当てが残っている間だけ宣言が移動することに注意してください。

例

console.log(functionBelow("Hello"));
function functionBelow(greet) {
   return `${greet} world`;
}
console.log(functionBelow("Hi"));

出力

Hello world
Hi world

関数宣言は呼び出された後ですが、まだ呼び出されていることに注意してください。これは、機能の巻き上げにより可能になりました。

また、変数などの関数を割り当てる場合は機能しないことに注意してください。

console.log(functionBelow("Hello"));
var functionBelow = function(greet) {
   return `${greet} world`;
}
console.log(functionBelow("Hi"));

これはエラーで失敗します：functionBelowは関数ではありません

varを削除すると、次のエラーで失敗します：functionBelowが定義されていません

varで宣言された場合、コンテキスト内で変数として持ち上げられたことに注意してください。しかし、それはまだ未定義のままでした。これは可変巻き上げとして知られています。このプロパティにより、匿名関数と矢印関数がJavaScriptで引き上げられることはありません。