Export syntax variations in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the syntax to export a single variable in TypeScript?

Use <code>export const variableName = value;</code> to export a single variable.

beginner

How do you export multiple variables or functions at once?

Use export { name1, name2, name3 }; to export multiple items together.

intermediate

What is the difference between default export and named export?

Default export exports a single value per file using export default. Named exports export multiple values by name using export.

intermediate

How do you rename an export while exporting it?

Use export { originalName as newName }; to rename an export.

intermediate

How do you re-export everything from another module?

Use export * from './module'; to re-export all exports from another file.

Which syntax exports a default function in TypeScript?

A export myFunc() default {}

B export function default myFunc() {}

C export default function myFunc() {}

D default export function myFunc() {}

The correct syntax for default export of a function is export default function myFunc() {}.

How do you export multiple variables named a and b together?

A export a & b;

B export { a, b };

C export (a, b);

D export a, b;

Use curly braces to export multiple named variables: export { a, b };.

What does export * from './file'; do?

A Exports nothing

B Imports all exports from './file' only

C Deletes all exports from './file'

D Exports all exports from './file' again from current file

This syntax re-exports all exports from another module.

How to rename export 'foo' to 'bar' while exporting?

A export { foo as bar };

B export { bar as foo };

C export foo to bar;

D export rename foo to bar;

Use export { foo as bar }; to rename an export.

Which is NOT a valid export syntax?

A export function() {}

B export default class MyClass {}

C export const x = 5;

D export { x, y };

Functions must have a name when exported as named exports. export function() {} is invalid.

Explain the difference between named exports and default exports in TypeScript.

Think about how you import them too.

Describe how to re-export all exports from another module and why it might be useful.

Imagine combining exports from many files into one.