JavaScriptのスコープの範囲

Question

下記コードで、結果が①undefined ②ローカル ③グローバルとなりますが、①の結果がしっくりきません。①の時点ではローカル変数scopeは宣言されていないので、「グローバル」が出力されるのがしっくりくるのですが、どのような流れになっているのかご教授いただければ幸いです。

var scope = 'グローバル';

function getValue() {
  console.log(scope);    //①
  var scope = 'ローカル';
  return scope;
}

console.log(getValue()); // ②
console.log(scope);      // ③

Answer 1

ホイスティング
の

これはなぜかというとJavaScriptでは『常に宣言はスコープの先頭で行われたことにする』という処理を裏側で行うせいだったりします。JavaScriptでのスコープは関数の中以外では存在しませんので、つまり『常に宣言は関数の中の先頭で行われたことにされる』ということになります。これが『ホイスティング』と呼ばれる現象です。

部分の説明が分かりやすいと思います。

Comments

[eluestk]

やはりJavaScriptでの特徴的な動作なのですね！
解りやすいサイトのご紹介ありがとうございます！