Type alias vs inline types in Typescript - Quick Revision & Key Differences

Recall & Review

beginner

What is a type alias in TypeScript?

A type alias is a custom name you give to a type or a combination of types. It helps you reuse and simplify complex types by giving them a simple name.

beginner

What does inline type mean in TypeScript?

An inline type is a type written directly where it is used, without giving it a separate name. It is often used for quick, one-time type definitions.

beginner

Give an example of a type alias for an object with properties name (string) and age (number).

type Person = { name: string; age: number; };

beginner

How would you write the same object type { name: string; age: number; } as an inline type in a function parameter?

function greet(person: { name: string; age: number }) { /* ... */ }

intermediate

What is one advantage of using type aliases over inline types?

Type aliases make code easier to read and reuse because you give complex types a simple name and can use them multiple times without repeating the full type.

Which of the following is a correct type alias declaration in TypeScript?

A type User = { id: number; name: string; };

B alias User = { id: number; name: string; };

C typedef User = { id: number; name: string; };

D define User = { id: number; name: string; };

The correct keyword for creating a type alias in TypeScript is 'type'.

What is an inline type in TypeScript?

A A type defined directly where it is used without a name.

B A type alias with a custom name.

C A type imported from another file.

D A type that can only be used once.

Inline types are written directly where needed without giving them a separate name.

Why might you prefer a type alias over inline types?

A To make the code run faster.

B Because inline types are not allowed in TypeScript.

C To avoid using interfaces.

D To reuse the type and improve code readability.

Type aliases help reuse types and make code easier to read.

Which of these is an example of an inline type used in a function parameter?

A type User = { id: number; name: string };

B function printUser(user: { id: number; name: string }) {}

C interface User { id: number; name: string }

D const user: User = { id: 1, name: 'Alice' };

The type is written directly inside the function parameter without a name, so it's inline.

Which keyword is used to create a type alias in TypeScript?

A interface

B alias

C type

D typedef

The 'type' keyword is used to create type aliases in TypeScript.

Explain the difference between a type alias and an inline type in TypeScript.

Think about naming and reuse.

When would you choose to use a type alias instead of an inline type?

Consider code reuse and clarity.