Javascript 未定义外部文件中的函数[JS]

您好，我对JavaScript函数有问题。
我有3个外部JS文件包含在我的JS文件中，如下所示：

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

所以这里的问题是我需要使用3个函数，但有时我会收到错误

refreference错误：未定义functionName

，之后我刷新页面，第一个函数工作，第二个函数不工作，每次刷新时，一些函数未定义。
我不知道是什么问题，为什么会这样？任何建议都将不胜感激。
我不知道这是否有帮助，但JS代码适用于

shopify应用程序

如何调用函数

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);})();

---

您的文件包含在您尝试调用函数的sime时间运行。由于文件包含需要时间来加载文件，因此在加载函数之前调用这些函数。 您必须手动将脚本添加到HTML：

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

---

如果无法更改HTML，请动态包含文件，并确保在加载文件时调用函数。

请添加导入位置的代码以及导出函数的方式。

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