Default export

Learn default exports.

Default export

Each module can have at most one default export. With export default you export a function, class, or object as the default. When importing you do not use curly braces; you can name it whatever you want.

// hesap.ts
export default function topla(a: number, b: number) {
  return a + b;
}

// app.ts
import topla from "./hesap";
console.log(topla(2, 3));  // 5

The name is flexible in default import

Since default imports have no curly braces, you can freely choose the imported name. Writing import hesapla from "./hesap" imports the module's default export under the name hesapla. Whatever the original name was, the name you give here is what counts.

Exercise Default greeting function

Export selam as a default function with signature (): string and body return "merhaba". Then print the result of selam() with console.log.

Show example solution

export default function selam(): string {
  return "merhaba";
}
console.log(selam());

Test yourself

How many default exports can a module have?
- Unlimited
- Exactly two
- Default export is not allowed
- At most one
Show answer

At most one — Each module can have at most one default export. Named exports have no limit, but the default export is single; a second one is a compile error.

Add default

export ____ function selam(): string {
  return "merhaba";
}

Show answer

export default function selam(): string {
  return "merhaba";
}

Default export parts

export default function

Default export declaration
import selam from "./hesap"

Import without curly braces
en fazla bir tane

Default export limit
ad serbestçe seçilir

Default import flexibility

Next lesson: Re-export

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies