javascript - 如何从 Javascript 中同一文件夹中的各种文件中导入一个函数？

Question

我有多个函数分布在同一个文件夹中的七个 javascript 文件中。我想将它们导入另一个文件，而不必一个一个导出。为了简单起见，假设我在每个文件中只有一个函数，然后我将使用默认导出。所以“脚本”中的 .forEach 文件，我可以这样做：

export default myFunc1 // first.js
export default myFunc2 // second.js
export default myFunc3 // third.js
...

然后，在我要导入的文件中：

import myFunc1 from "./scripts/first.js"
import myFunc2 from "./scripts/second.js"
import myFunc3 from "./scripts/third.js"
...

但是我想知道是否有更简单的方法来执行此操作，因为在这种情况下，“export * from /scripts”之类的变体似乎不起作用。

标签： javascriptimportexport

Answer 1

index.js您可以在与要导入的所有 Javascript 文件相同的目录中添加一个文件。然后，将所有功能导入到这个index.js文件中。这样，您就不必在使用它们的任何地方列出每一个函数（或其文件）。

export default myFunc1 // first.js
export default myFunc2 // second.js
export default myFunc3 // third.js
...

index.js 文件将是

import myFunc1 from "./scripts/first.js"
import myFunc2 from "./scripts/second.js"
import myFunc3 from "./scripts/third.js"
...
export {
myFunc1,
myFunc2,
myFunc3,
...
};

假设这些函数文件和 index.js 文件位于名为 的目录中functions，并且您想从更高一级的文件中访问它们，您可以这样做：

import "./functions"; // Or "functions"

现在，请记住，仅当您在多个地方使用这些功能时才需要此解决方案。如果你不是，你可以使用你原来的方法。