Module scope in Javascript - Step-by-Step Execution

Concept Flow - Module scope

Start Module

↓

Declare variables/functions

↓

Variables/functions exist only inside module

↓

Export what is needed

↓

Other modules import exports

↓

Outside module, internal variables are NOT accessible

↓

End Module

Module scope means variables and functions declared inside a module are private to it, unless explicitly exported.

Execution Sample

Javascript

const secret = 42;
export const visible = 10;

console.log(secret); // inside module

// Outside module: secret is not accessible

This code shows a variable 'secret' inside a module that is not exported, so it stays private.

Execution Table

Step	Action	Variable/Function	Value/State	Accessible Outside Module?
1	Declare variable 'secret'	secret	42	No
2	Declare and export 'visible'	visible	10	Yes
3	Console log 'secret' inside module	secret	42	N/A (inside module)
4	Try to access 'secret' outside module	secret	ReferenceError	No
5	Access 'visible' outside module	visible	10	Yes

💡 Module ends; only exported variables/functions are accessible outside.

Variable Tracker

Variable	Start	After Declaration	Final
secret	undefined	42	42 (private)
visible	undefined	10	10 (exported)

Key Moments - 2 Insights

Why can't I access 'secret' outside the module?

Because 'secret' is not exported, it stays private inside the module as shown in execution_table step 4.

How do I make a variable accessible outside the module?

You must export it, like 'visible' in step 2, so other modules can import and use it.

Visual Quiz - 3 Questions

Look at the execution table, what is the value of 'secret' inside the module at step 3?

A 42

B undefined

C ReferenceError

D 10

💡 Hint

Check the 'Value/State' column at step 3 in the execution_table.

At which step does 'secret' become inaccessible outside the module?

A Step 1

B Step 3

C Step 4

D Step 5

💡 Hint

Look at the 'Accessible Outside Module?' column for 'secret' in execution_table.

If we export 'secret', how would the accessibility change in the table?

A 'secret' would still be inaccessible

B 'secret' would be accessible outside module

C 'visible' would become inaccessible

D No change

💡 Hint

Refer to the difference between 'secret' and 'visible' accessibility in execution_table steps 1 and 2.

Concept Snapshot

Module scope in JavaScript:
- Variables/functions declared inside a module are private by default.
- Use 'export' keyword to make them accessible outside.
- Other modules import exported items.
- Unexported items cause ReferenceError if accessed externally.
- Keeps code organized and avoids name conflicts.

Full Transcript

Module scope means that variables and functions declared inside a JavaScript module are private to that module. They cannot be accessed from outside unless explicitly exported. In the example, 'secret' is declared but not exported, so it stays private. 'visible' is exported and can be accessed from other modules. Trying to access 'secret' outside causes a ReferenceError. Exporting variables or functions is how you share code between modules. This keeps code clean and avoids conflicts.