Javascript：Function hoisting

Question

この例では、undefinedを印刷する予定です。

var bar = typeof foo; 
var foo = function() { 
    console.log('abcd'); 
} 
foo(); 
console.log(bar); // -> undefined 

は、だから私は、変数が掲揚された場合、barがfooの上に残っていることを理解し、しかしfooが実行されますので、インタプリタはfooが何であるかを知っているべきではないのですか？

注：インタープリタの仕組みを理解しようとしています。私の質問は、上記のスニペットを修正する方法ではありません。

Answer 1

あなたは変数定義の巻上げを占めている場合は、あなたのコードは、これと同等です：自分自身が掲揚されている

var bar; 
var foo; 

// foo does not yet have a value, so it it's still undefined 
bar = typeof foo; 

// foo gets a value here 
foo = function() { 
    console.log('abcd'); 
} 

// since foo got a value in the previous statement, you can now execute it here 
foo(); 
console.log(bar); 

のみ変数の定義ではなく、割り当て。

だから、あなたは、あなたは、このようにあなたがbarにundefinedを割り当てるので、まだ値を持っていないbar = typeof foofooことを実行したときにことを、この順序から見ることができます。など

---

関数定義：

function foo() { 
    console.log('abcd'); 
} 

も掲揚されているので、あなたがこのようなfooを定義した場合、それは別の話だろう。しかし、あなたが使用している機能の割り当ては、それ自体が吊り上げられていません。 fooを定義する方法は、他の変数のように変数を代入するだけです。