jquery 関数 巻き上げ

Question

###前提・実現したいこと

https://e-yota.com/webservice/javascript_function_hositing/
https://github.com/echizenyayota/javascipt/blob/master/chapter8/8-1_copy.html
上記サイトですと、関数リテラルによる巻き上げは不可ということになるのですが
下記ソースコードは動作し、見た目上関数宣言前に関数をできるように見えるのですが。
理由としてイベントが呼ばれる順序が
1：$(function () {}) とその外(jsファイル全体)
2：$(function () {}) (document.ready)の中
3：$(function () {})の中のイベントトリガ
の順序で動作しているからだと考えているのですが、認識合っていますでしょうか。

###該当のソースコード

$(function () {

        $(document).on('change', '.textarea', function () {
            var dataA = A();
            console.log(dataA);
        });

        var A = function () {
            var dataB = B;
            return dataB
        };

        var B = "Hello";
});

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[saramandark]

ありがとうございます！

Answer 1

イベントが呼ばれる順序が（中略）の順序で動作している

その通りです。varでなくletやconstであっても、変数を参照可能なスコープでは（イベントハンドラなどで）代入後のタイミングであればアクセスできます。

Comments

[saramandark]

ありがとうございます。
やはりイベントトリガの順序が関係していたのですね。
ありがとうございます！