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