在 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();