将ES6 import语句放在代码文件的底部是否有任何不利之处？

Question

我在查看Apollo Client examples时最近才遇到过这种做法 - 我没有意识到所有的import语句都可能位于.js文件的底部。这似乎是一个好主意，因为在打开文件时我很少看到导入语句是我主要想要处理的内容。

如果订单无关紧要，我们应该注意这种做法有什么不利之处吗？

这可能只是一个示例，因为同一家公司puts imports at the top in production code - 但我不确定它为什么不适用于生产代码。我们正在使用TypeScript，但我相信这些问题与vanilla ES6相同。

Answer 1

通常，您需要先声明/定义某些内容，然后再使用它。首先使用它然后定义它似乎很奇怪。阅读代码的人会希望导入位于文件的顶部。

对于函数也是如此：可以在声明它们之前使用它们，但是读取代码的人希望找到函数的声明几行，而不是下面：< / p>

var result = add(10, 5);

// some other code

function add (a, b) {
  return a + b;
}

  

这似乎是一个好主意，因为在打开文件时很少有导入语句是我主要想要处理的内容。

我不同意。当我查看文件时，我对它的依赖关系及其与项目中其他文件的关系感兴趣。

假设您想要了解某个文件的内容。通常，您将浏览代码，首先查看导入，然后查看使用这些导入的代码。否则，你会遇到很多你从未见过的事情。