Import syntax variations in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the syntax to import the default export from a module in TypeScript?

Use <code>import name from 'module'</code> where <code>name</code> is the local name you want to assign to the default export.

beginner

How do you import named exports from a module?

Use <code>import { export1, export2 } from 'module'</code> to import specific named exports.

intermediate

Explain how to import all exports from a module as a single object.

Use <code>import * as alias from 'module'</code>. This imports everything and groups it under the name <code>alias</code>.

intermediate

What is the syntax to rename a named import during import?

Use <code>import { originalName as aliasName } from 'module'</code> to rename a named export locally.

intermediate

How can you import a module for its side effects only?

Use <code>import 'module'</code> without any bindings. This runs the module code but does not import any values.

Which syntax imports the default export from a module named 'utils'?

A import * as utils from 'utils'

B import { utils } from 'utils'

C import utils from 'utils'

D import 'utils'

The default export is imported using import name from 'module' syntax.

How do you import only the named export 'calculate' from a module 'math'?

A import { calculate } from 'math'

B import 'math'

C import * as calculate from 'math'

D import calculate from 'math'

Named exports are imported using curly braces: import { calculate } from 'math'.

What does import * as utils from 'utils' do?

A Imports all exports grouped under the name 'utils'

B Imports only the default export

C Imports nothing, just runs the module

D Imports only named exports without default

This syntax imports all exports as properties of the object named 'utils'.

How do you rename a named import 'foo' to 'bar'?

A import { bar as foo } from 'module'

B import { foo as bar } from 'module'

C import foo from 'module' as bar

D import * as bar from 'module'

Use { originalName as alias } to rename imports.

Which import syntax runs a module only for its side effects?

A import * as mod from 'module'

B import mod from 'module'

C import { something } from 'module'

D import 'module'

Importing a module without bindings runs it for side effects only.

Describe the different ways to import modules in TypeScript and when to use each.

Think about how you get one export, many exports, or just run the module.

Explain how to rename a named export during import and why it might be useful.

Use the 'as' keyword in import statements.