Javascript 在同一个文件中使用导出函数，它'；出口

我想知道在导出的同一个文件中使用导出函数，以及在导入的文件中使用导出函数是否可以（这是一个不错的做法）？我正在使用一个网页/巴贝尔设置

示例案例：

File1.js (the file that exports the function):
  export default myFunction(e) { 
    e.preventDefault();
    // some code
  }

  window.onload = () => {
    document.getElementById('some-element').addEventListener('change', e => myFunction(e));
  }

File2.js:
  import myFunction from './File1';

  window.onload = () => {
    document.getElementById('some-element').addEventListener('change', e => myFunction(e));
  }

---

是的，在它自己的模块和导入它的其他模块中都使用函数是完全可以的。

是的，在它自己的模块和导入它的其他模块中都使用函数是完全可以的。

旁注：

。addEventListener（e=>myFunction（e））

可以是

。addEventListener（myFunction）

。不需要额外的包装箭头功能。旁注2：

load

事件在页面加载过程中发生得很晚。通常，最好将

脚本
标记放在正文的最末端，就在结束
标记之前，让他们立即查找元素，而不是等待。在
脚本
标记之前由HTML定义的所有元素都保证存在。旁注3:
导出默认myFunction（e）{
是一个语法错误。您需要
导出默认函数myFunction（e）{/*…*/}
或
导出默认常量myFunction=e=>{/*…*/}；
或
导出默认常量myFunction=function（e）{/*…*/}；
关于我的第一个旁注，我应该加上：…除非你已经这样做了，这样即使你使用相同的元素和相同的函数，两个处理程序也会被添加。：-）旁注：
addEventListener（e=>myFunction（e））
可以是
。addEventListener（myFunction）
。不需要额外的包装箭头功能。旁注2:load
事件发生在页面加载过程的很晚。通常，最好只放置
脚本
标记在正文的最末端，就在关闭
标记之前，让他们立即查找元素，而不是等待。在
脚本
标记之前由HTML定义的所有元素都保证存在。旁注3:
导出默认myFunction（e）{
是一个语法错误。您可以希望
导出默认函数myFunction（e）{/*…*/}
或
导出默认常量myFunction=e=>{/*…*/}；
或
导出默认常量myFunction=function（e）{/*…*/}
Re我的第一个旁注是，我应该加上：……除非您已经这样做了，这样即使您使用相同的元素和相同的函数，也可以添加两个处理程序。：-）