Export syntax variations in Typescript - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of named export usage?

Consider the following TypeScript module and usage. What will be logged to the console?

Typescript

export const greeting = 'Hello';

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

A "greeting"

B undefined

C "Hello"

D ReferenceError

💡 Hint

Think about how named exports and imports work in TypeScript.

The named export 'greeting' is imported correctly and logs the string 'Hello'.

❓ Predict Output

intermediate

What does default export import log?

Given this module and import, what will be the console output?

Typescript

const message = 'Welcome';
export default message;

// In another file
import msg from './module';
console.log(msg);

A undefined

B "Welcome"

C SyntaxError

D "message"

💡 Hint

Default exports can be imported with any name.

The default export is the string 'Welcome'. Importing it as 'msg' logs 'Welcome'.

❓ Predict Output

advanced

What is the output when re-exporting with alias?

Analyze this code snippet. What will be the output of the console.log statement?

Typescript

export const value = 42;
export { value as answer };

// In another file
import { answer } from './module';
console.log(answer);

A ReferenceError

B undefined

C SyntaxError

D 42

💡 Hint

Re-exporting with alias changes the exported name.

The constant 'value' is exported as 'answer'. Importing 'answer' logs 42.

❓ Predict Output

advanced

What error occurs with incorrect export syntax?

What error will this TypeScript code produce?

Typescript

export const x = 10;
export default x;

A SyntaxError: Unexpected token 'export'

B No error, runs fine

C SyntaxError: Missing semicolon

D TypeError: Duplicate export default

💡 Hint

Check if multiple export statements need semicolons or line breaks.

Missing semicolon causes the parser to misinterpret the second export, causing SyntaxError.

🧠 Conceptual

expert

Which export syntax allows exporting multiple items with different names in one statement?

Choose the correct export syntax that exports two variables 'a' and 'b' with aliases 'alpha' and 'beta' respectively in a single export statement.

A export { a as alpha, b as beta };

B export const alpha = a, beta = b;

C export default { alpha: a, beta: b };

D export * from { a as alpha, b as beta };

💡 Hint

Look for the syntax that uses aliasing in export braces.

Option A correctly exports 'a' and 'b' with aliases 'alpha' and 'beta' in one statement.