javascript - ES6 module scope

Question

I have the code:

// 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?

Can I use "a" variable in a global scope after module importing or is it available only in a module scope? Will ES6 modules have a similar working principle like this trick:

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

Answer 1

Can I use "a" variable in a global scope after module importing or is it available only in a module scope?

It's only available inside the module it was declared in.

Will ES6 modules have a similar working principle like this trick: [...]

Basically yes.

---

ES6 has these kinds of scopes, order from "top" to "bottom":

• Global scope
• Module scope
• Function scope
• Block scope