在 Javascript 中导入

Question

当从另一个文件导入特定值时，导出的整个文件是否在文件导入中运行？ 例如，如果我想将文件 b 中的 function "hello" 导入文件 a，文件 b 会在文件 a 中运行吗？

一个例子是：

档案一：

import {func} from 'fileB.js';

文件 B：

let func = function(){...}
console.log(`Hello`);
export {func};

Hello会出现在文件 A 的控制台中吗，如果会出现，在什么情况下会出现。 例如，是在运行 import 语句时，还是在func时。 如果它不会运行，有什么方法可以让它运行。 例如，如果我导出了整个文件（如果可能的话）， Hello在某些情况下会出现吗？

Answer 1

将运行导入的文件。 理解和记住这一点的一种简单方法是动态导出：

export let Foo;

if (window.Foo === undefined) {
  Foo = class Foo { ... }
} else {
  Foo = window.Foo;
}

为了知道开始导出的内容，需要运行代码。 否则，这将等于解决停机问题。

Answer 2

如果您使用 webpack 导入或要求

像这样声明

const Logger = function() {

}
export { Logger };

用它

import { Logger } from '../class/Logger';
let logger = new Logger();