javascript 中导入和导出语句的最佳位置

Question

假设我有一个很大的 JavaScript 文件（大约 300-400 行），哪里是导出语句的最佳位置。

1. 文件结尾？
2. 文件的开头？
3. 就在我们要导出的变量或函数之后？
4. 或者其他地方？

请帮我找到最有效的出口声明地点

Answer 1

我通常会在您想要出口的每份报关单后经过。所以在文件末尾但这不一定是最佳实践，我认为没有最佳实践，只是我个人的意见。

Answer 2

就我而言，我通常在文件开头导入一个javascript模块，并在文件末尾导出一个javascript模块。

VSCode 和 TypeScript Language Server 补充了文件开头的导入声明，所以我遵循它。

export function module() {}

function module() {}

export {
  module
}

我认为以上两种方式都是正确的并且没有不适，但是我对混合两种导出方式感到不适，所以我通常使用eslint制定规则以导出任一方式，我喜欢后者，因为后一种方式导出时很容易重命名。

顺便说一句，在导入大型 javascript 模块的情况下，我使用动态导入。

Answer 3

我想我更想知道标识符是否被导出，而不是文件导出的内容。这表明文件末尾的

export const k = 1;

 比 

export { k };

 更好。 YMMV.

Answer 4

您可以创建单独的模块并将其导出为一个 Js 文件。

例如

testApp.js

Class myApp {
 constructor() {

 }

 testFunction() {

  conole.log("Hello World!");

 }

}

export default myApp;

testRootApp.js

import myApp from './testApp.js';

const app = new myApp ();

document.addEventListener('DOMContentLoaded', function (params) {

app.testFunction();

});

以上是示例代码结构，您可以根据您的需求使用。