ES6 模块范围

Question

我有代码：

// lib.js
var a = "a";
export var b = "b";

// main.js
console.log(a); // "a" variable is not available in a global scope
import {b} from "lib";
console.log(a); // is "a" variable available in a global scope or only in a module scope?

模块导入后，我可以在全局范围内使用“a”变量还是仅在模块范围内可用？ ES6 模块是否有类似这样的技巧的工作原理：

// module    
exports.module1 = (function(){ var a = "a"; })(); // "a" variable is not available in a global scope

Answer 1

模块导入后，我可以在全局范围内使用“a”变量还是仅在模块范围内可用？

它仅在声明它的模块内可用。

ES6 模块是否有类似这个技巧的类似工作原理：[...]

基本上是的。

---

ES6 有这些范围，从“顶部”到“底部”排序：

• 全球范围
• 模块范围
• 功能范围
• 块作用域

Answer 2

您可以执行globalThis.a = "a"并在该模块加载后访问它。 请参阅： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis

Answer 3

假设您正在将某些内容导出到另一个模块。 例如，您正在导出var b = 'b' ，但您没有导出var a = 'a' 。 这意味着您只能在lib.js使用var a = 'a' ，它是声明它的模块的本地模块，并且只能在该模块中使用。 var a的范围是lib.js模块。