外部文件中的函數未定義 [JS]

Question

您好，我的 JavaScript 函數有問題。
我有 3 個外部 JS 文件，它們包含在我的 JS 文件中，如下所示：

var badgeJs = document.createElement('script');
badgeJs.type = 'text/javascript';
badgeJs.src = 'url'
document.head.appendChild(badgeJs);

所以這里是我需要使用 3 個函數的問題，但有時我收到錯誤Refference error: functionName is not defined ，之后我刷新頁面，第一個函數有效，但第二個函數無效，每次刷新時有些函數沒有定義。
我不知道是什么問題，為什么會發生這種情況？ 任何建議將不勝感激。
我不知道這是否會有所幫助，但 JS 代碼適用於shopify-app

我如何調用函數

var content = 'function1(param);function2(param1, param2, param3, [10, 25]);function3(param1, param2);';
(function() { var script = document.createElement('script'); script.text = content; var body = document.querySelector('body'); body.append(script);})();

Answer 1

您的文件包含在您嘗試調用函數的同時運行。 由於文件包含需要時間來加載您的文件，因此您在加載之前調用了這些函數。 您必須手動將腳本添加到 HTML：

<script type="text/javascript" src="/to/your/file.js">

然后在加載 DOM 后運行您的函數：

document.addEventListener("DOMContentLoaded", function(event) {
    // Your code to run since DOM is loaded and ready
});

如果您無法更改 HTML，則動態包含您的文件並確保在加載文件時調用您的函數。