从javascript调用另一个脚本函数

从JavaScript调用另一个脚本函数，可以通过以下几种方式实现：

在HTML中引入多个脚本文件，并按照依赖关系顺序引入。

使用import()动态加载模块。

import('./script2.js')
  .then((module) => {
    module.functionName();
  })
  .catch((error) => {
    console.error('Failed to load module:', error);
  });

使用async和await动态加载模块。

async function callFunctionFromScript2() {
  try {
    const module = await import('./script2.js');
    module.functionName();
  } catch (error) {
    console.error('Failed to load module:', error);
  }
}

callFunctionFromScript2();

使用<script type="module">动态加载模块。

  import('./script2.js')
    .then((module) => {
      module.functionName();
    })
    .catch((error) => {
      console.error('Failed to load module:', error);
    });
</script>

需要注意的是，由于JavaScript模块加载是异步的，因此在调用另一个脚本中的函数时，需要确保该函数已经加载完成。如果在调用函数之前该函数尚未加载完成，可能会导致错误。