函数不能被调用，除非它是在同一个文件中定义的，或者是在尝试调用它之前加载的。

除非函数与试图调用它的函数在相同或更大的作用域中，否则不能调用它。

你可以在first.js中声明fn1函数，然后在second中你可以只声明fn1();

1. js:

function fn1 () {
    alert();
}

2. js:

fn1();

index . html:

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>

TLDR:首先加载全局函数文件，然后加载事件处理程序

无论何时你访问JS文件或<script>块中的元素，都必须检查以确保元素存在，即jQuery的$(document).ready()或纯JS的document。addEventListener (DOMContentLoaded”内,函数(事件)…

但是，在为DOMContentLoaded添加事件侦听器的情况下，已接受的解决方案不起作用，您可以从注释中轻松观察到这一点。

首先加载全局函数文件的步骤

解决方法如下:

分离JS脚本文件的逻辑，以便每个文件只包含事件监听器或全局的独立函数。 首先加载带有全局独立函数的JS脚本文件。 加载带有事件监听器的JS脚本文件。与前面的其他文件不同，请确保将代码包装在文档中。addEventListener('DOMContentLoaded'，函数(事件){…})。或document.Ready()。

你可以在first.js中把这个函数设置为全局变量 看一下闭包，不要把它放在文档里。准备好了，放到外面

你也可以使用ajax

    $.ajax({
      url: "url to script",
      dataType: "script",
      success: success
    });

与使用jquery getScript的方法相同

$.getScript( "ajax/test.js" )
  .done(function( script, textStatus ) {
    console.log( textStatus );
  })
  .fail(function( jqxhr, settings, exception ) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
});

// module.js
export function hello() {
  return "Hello";
}

// main.js
import {hello} from 'module'; // or './module'
let val = hello(); // val is "Hello";

参考来自https://hype.codes/how-include-js-file-another-js-file

如果您的服务器允许使用缓存来提高速度，请使用缓存。

var extern =(url)=> {           // load extern javascript
    let scr = $.extend({}, {
        dataType: 'script',
        cache: true,
        url: url
    });
    return $.ajax(scr);
}
function ext(file, func) {
    extern(file).done(func);    // calls a function from an extern javascript file
}

然后像这样使用它:

ext('somefile.js',()=>              
    myFunc(args)
);  

可选地，为它制作一个原型以使其更加灵活。所以你不需要每次都定义文件，如果你调用一个函数或者你想从多个文件中获取代码。

迟到总比不到好

(function (window) {const helper = { fetchApi: function () { return "oke"}
   if (typeof define === 'function' && define.amd) {
    define(function () { return helper; });
   }
   else if (typeof module === 'object' && module.exports) {
    module.exports = helper;
  }
  else {
    window.helper = helper;
  }
}(window))

指数的html < script src = " helper.js " > < /脚本> < script src = " . js " > < /脚本>

在test.js文件中 helper.fetchApi ()