javascriptの実行コンテキストについて

Question

お世話になります。

現在、オライリーのシングルページWEBアプリケーションという本で学習中なのですが、
その文中に理解できない部分がありましたので、質問します。

function first() {
    var first_var = 'first';
    second();//[1]
}

function second() {
   　var second_var = 'second';

     console.log(first_var, second_var);
}

first();

本文では上記のようなコードの場合で[1]のsecond関数を呼び出すと、first関数の実行コンテキスト内に新しい実行コンテキストを生成する。そしてsecond関数はfirst関数の実行コンテキスト内で呼び出されているので、first関数内の実行コンテキストの変数にアクセスできる。

という記載があるのですが、私は変数のスコープはそれを定義したコンテキストに依存すると考えていたので、ここの説明に混乱しています。実際に上記のコードではエラーがでます。
ただ、本文内では実際のスコープチェーンには上記の実行コンテキストとは微妙な違いがあると記載されているので、実際の処理とは違うものとして説明しているのかもしれないですが、確証がもてません。

どなたかこのあたりの仕組みについて教えていただけますでしょうか。
同様の本をお持ちの方向けにですが、上記の記載はp39あたりにあります。

よろしくお願いいたします。

Answer 1

私は変数のスコープはそれを定義したコンテキストに依存すると考えていたので、

その認識に間違いはないと思います。
事実、ご掲示のコードでは、変数 first_var 参照時に ReferenceError になります。

console.log(first_var, second_var); // ReferenceError: first_var is not defined

Re: annderber さん

Comments

[defghi1977]

https://manning-content.s3.amazonaws.com/download/7/1760041-20f7-4709-834d-5f3b7c88a3cc/Mikowski_SinglePageWebApps_Err1.html によれば
The execution context discussion has lost some meaning as the result of multiple edits.
とあるので多分このことじゃないかと

[think49]

To: defghi1977 さん
情報ありがとうございます。
https://www.oreilly.co.jp/books/9784873116730/ にない事は確認していましたが、そんなところに書かれていたんですね。

[annderber]

コメントありがとうございます。
defghi1977さんのコメントにありましたサイトの情報も確認しまして、
実際のjavascriptエンジンの処理とは違うものとして考えることにしました。
ありがとうございました。