Why modules are needed in TypeScript - Challenge Your Understanding

Challenge - 5 Problems

🧠 Conceptual

intermediate

Purpose of Modules in TypeScript

Why do we use modules in TypeScript?

A To allow TypeScript to run directly in the browser without compilation

B To make the code run faster by compiling it into machine code

C To automatically fix syntax errors in the code

D To organize code into reusable pieces and avoid name conflicts

💡 Hint

Think about how big projects keep code neat and avoid confusion.

Modules help split code into smaller parts that can be reused and prevent variables or functions from clashing with each other.

❓ Predict Output

intermediate

Output of Module Variable Access

What will be the output of this TypeScript code using modules?

Typescript

export const greeting = 'Hello';

import { greeting } from './module';
console.log(greeting);

A Hello

B undefined

C ReferenceError

D SyntaxError

💡 Hint

Imported variables keep their values from the module.

The variable greeting is exported and then imported correctly, so it prints 'Hello'.

❓ Predict Output

advanced

Effect of Missing Module Export

What error occurs when trying to import a variable that is not exported from a module?

Typescript

const secret = 'hidden';

import { secret } from './module';
console.log(secret);

A undefined

B SyntaxError: Unexpected token import

C Error: Module './module' has no exported member 'secret'

D ReferenceError: secret is not defined

💡 Hint

Check if the variable is exported before importing.

If a variable is not exported, TypeScript or the module system will throw an error saying it is not exported.

🧠 Conceptual

advanced

How Modules Help Avoid Global Scope Pollution

How do modules help prevent global scope pollution in TypeScript?

A By converting all variables to global constants

B By wrapping code in a private scope so variables don’t leak globally

C By running all code in the browser’s global window object

D By automatically deleting unused variables from the global scope

💡 Hint

Think about how modules isolate code.

Modules create their own scope, so variables inside them don’t affect or conflict with global variables.

🚀 Application

expert

Number of Items in a Module Export Object

Given this module code, how many items will the imported object have?

Typescript

export const a = 1;
export const b = 2;
const c = 3;
export { c as d };

A 3

B 2

C 1

D 4

💡 Hint

Count all exported names including renamed exports.

The module exports a, b, and d (which is c renamed), so there are 3 exported items.