jQueryで$.getScriptを使って読み込んだJSファイルの関数を使いたい。

Question

前提・実現したいこと

今ローディング画面を作っているのですが、非同期通信で読み込んだJavaScriptファイルの関数を使おうとしています。

発生している問題・エラーメッセージ

Uncaught ReferenceError: func is not defined

該当のソースコード

jQueryの宣言は省略しています。
load.js

var urlArray = [
        "〜",
        "〜",
        "〜",
        "〜",
        "〜",
        "〜",
        "〜",
        "〜",
        "/source/script.js",
        "〜",
        "〜",
        "〜"
    ]
    const jsFileCount = 11;//使うJSファイルの量
    var jsFile = 0
    var savedFileCount = 0
    var loadedBoolean = true
    var countPercent;
    var savedPercent = 0
    var valiable = false
    var startCount = setInterval(function () {
        savedPercent = countPercent
        if (loadedBoolean == true) {
            loadedBoolean = false
            $.getScript(
                urlArray[jsFile]
            ).done(function (script, textStatus) {
                loadedBoolean = true
                savedFileCount++
                jsFile++
            }).fail(function (jqxhr, settings, exception) {
                console.log("外部ファイルの読み込みに失敗しました。")
            })
        }
        countPercent = Math.floor(savedFileCount / jsFileCount * 100)
        console.log(countPercent + "%")
        $("#splash_text").text(countPercent + "%")
        $("#splash_bar").animate({
            width: countPercent + "%"
        }, 100)

        //もし終わったら終了
        if (savedFileCount == jsFileCount) {
            clearInterval(startCount)
            func()
        }
    }, 100)

script.js

function func (){
    alert("正常に読み込まれました。")
}

試したこと

script.jsにはテスト用にfuncの関数がありますが、本当は他のコードが入っています。
しかし、上記のエラーコードが出ていたのでもしかして読み込まれていないのでは...と思い、
script.jsに

alert("正常に読み込まれました。")

をそのまま書くと、しっかりと表示されました。
よってscript.jsは読み込まれていたはずなのですが、関数を使おうとするとエラーが出てしまう問題が発生しています。

補足情報（FW/ツールのバージョンなど）

Google Chrome
jQuery 3.2.1

何か不明な点がございましたらコメントにて教えていただけると嬉しいです。

Answer 1

$.getScript(
    urlArray[jsFile]
).done(function (script, textStatus) {
    loadedBoolean = true
    savedFileCount++
    jsFile++
})

上記部分ですが、jsFile=0、つまりurlArray[0]のスクリプト読み込み終了時に、savedFileCountは1になります。
ということは、urlArray[10]のスクリプト読み込み終了時に、savedFileCountは11になって、savedFileCount == jsFileCountが成立すると思いますが、これは想定と異なるのではないですか？

---

コメントを受けて追記

わかりにくいようなので補足します。

urlArray[10]のスクリプト読み込み終了時に、savedFileCountは11になって、savedFileCount == jsFileCountが成立する

と書きましたが、これは「if文が実行されていない」という意味ではないです。
「savedFileCount == jsFileCountが成立する」ということですから、逆に「if文が実行されてしまう」という意味です。
「if文が実行される」ということはどういうことかというと、func()が実行される、ということです。
つまり、「urlArray[10]のスクリプト読み込み終了時に、func()が実行されているのではないですか？」というのが、当方の回答です。

---

蛇足ですが

$.getScript()の戻り値はthenableですので、awaitが使えます。

for (let i = 0; i < urlArray.length; i++) {
    await $.getScript(
        urlArray[i]
    )
    const countPercent = Math.floor((i + 1) / urlArray.length * 100)
    console.log(countPercent + "%",)
    $("#splash_text").text(countPercent + "%")
    $("#splash_bar").animate({
        width: countPercent + "%"
    }, 100)
}
func()

---

コメントを受けて再々追記

あー、なんか納得されないようなので、仕方がないな。
スマートじゃないですが、では、もう、いっそ、こうしたらどうですか？

                ).done(function (script, textStatus) {
                    //もし終わったら終了 をここに移動
                    if (savedFileCount == jsFileCount) {
                        clearInterval(startCount)
                        func()
                    }
                    loadedBoolean = true

別に回答者の言うことは絶対だ、とか言わないですが、示された回答にバグの原因が書いてあるんですから、せめて変数のウォッチとかステップ実行ぐらいしても罰は当たんないと思いますけどね。
正直こりごりですので、これ以降は応答不要です。

Comments

[NK0920]

申し訳ありません。情報が抜けておりました。
if (savedFileCount == jsFileCount) {
clearInterval(startCount)
console.log("終了")
}
のように追記すると、しっかりとコンソールには終了と表示されるので、if文が実行されていないと言うことはないと思います。
しかし、そのif文の中で読み込んだJSファイルの関数を使おうとするとエラーが出てしまいます。
この点を踏まえてご回答していただければ幸いです。

[Lhankor_Mhy]

「if文が実行されていない」と回答したつもりはないです。
私の回答をどのようにお読みになりましたでしょうか？

[Lhankor_Mhy]

追記しました。

[NK0920]

回答の読み取りを誤ってしまい、申し訳ありません。
回答の補足を読み、if文の条件を
urlArray[jsFile] == urlArray[urlArray.length - 1
とすれば良いと思い、変更したところ、やはりエラーが出てしまいました。
ご回答よろしくお願いいたします。

[Lhankor_Mhy]

-1 がいらないと思います。

urlArray[jsFile] == urlArray[urlArray.length]
でいいのでは。（urlArrayもいらないとは思いますが）

[NK0920]

urlArray[jsFile] == urlArray[urlArray.length]
とすると、
Uncaught SyntaxError: Unexpected token '<'
at p (jquery.min.js:2)
というエラーが出ました。
jqueryファイルのエラーで、Unexpectedが「<」（おそらく<!DOCTYPE html>と思われる）なので、私的には「存在しないファイルを読み込んだ」というエラーだと考えます。
また、おそらくurlArray.lengthは0からカウントではなく、1からカウントだと思うので、-1は必要だと考えた次第です。
また、この質問の意図としては、非同期通信で読み込んんだJSファイルの関数を呼び起こそうとしたらエラーが出るという質問です。また、setTimeoutで全てのファイルを完全に読み込んだ後にfunc()を使っても「定義されていない」とエラーが出てしまいました。
図々しくて申し訳ありませんが、もう少し私のためにご再考いただければ嬉しいです。

[Lhankor_Mhy]

Uncaught SyntaxError: Unexpected token '<'

が出ることは、当方でも確認しています。
本質問の目的は、

func is not defined

のエラーを解消し、func関数の実行をする、というものだったと思うのですが、認識は一致していますでしょうか。

認識に齟齬がないのであれば、そのエラーについてはまた別の問題であると思うのですが、いかがですか。

[NK0920]

早急なご返事、ありがとうございます。
本質問の目的としては合致しております。
しかし、もうすでに読み込んであるスクリプトファイルの関数が実行できないという問題だと認識しております。
ただし、検証ツールで確認したところ、クロスドメイン以外（自分のサーバー内のみ）のJSファイルは読み込んでいないと表示してありました。しかし、そのファイルにalert文をつけると、実行されます。
よって何らかの不具合がそこにあると考えています。検証ツールには表示されないが、しっかりと平文（？）は実行されるということです。
よろしくお願いいたします

[Lhankor_Mhy]

繰り返しになりますが、「urlArray[10]のスクリプト読み込み終了時、つまりurlArray[11]のスクリプト読み込み前に、func()が実行されているのではないですか？」というのが当方の回答であり、回答のように修正したコードで当方の環境での動作を確認しています。

上記の通りの原因であれば、「しっかりと平文（？）は実行される」という現象や「Unexpected token '<'」のエラーについても整合性があります。

NK0920 さんの環境で修正したコードが動作しないのであれば、ご提示いただいていない部分に原因があると思われます。

[Lhankor_Mhy]

なお、この場合の「当方の環境での動作を確認」とは、アラートの表示であって、「Unexpected token '<'」のエラーについては関知していません。

[NK0920]

理解が遅れていまして、申し訳ありません。
上記のご回答を読んでも、いまいち改善策が思いつきません。
差し支えなければ改善案の一つをご教示いただけないでしょうか。
よろしくお願いいたします。

[Lhankor_Mhy]

行き違いになったようですが、回答に追記しました。
他の回答者をお待ちいただきたいと思います。

Answer 2

遅くなりましたが、諦めました。