export and import

Learn ES module export and import.

export and import

With the export keyword you can export a variable, function, or type from a module. From another module you import these items with import { name } from "./path". The names inside curly braces must match the exported names exactly.

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

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

Multiple named exports

A module can have as many named exports as you want. Each export keyword adds a new export. When importing, you can take multiple items in a single import statement separated by commas: import { topla, cikar } from "./matematik".

Exercise Call an exported function

Define topla as an exported function with signature (a: number, b: number): number returning a + b. Then print the result of topla(3, 4) with console.log.

Show example solution

export function topla(a: number, b: number): number {
  return a + b;
}
console.log(topla(3, 4));

Test yourself

Which syntax is used to import a named-exported function?
- import { topla } from "./matematik"
- import topla from "./matematik"
- import * topla from "./matematik"
- import [ topla ] from "./matematik"
Show answer

import { topla } from "./matematik" — For a named export you give the name in curly braces: import { topla } from "./matematik". Writing without braces is for default exports; * requires as; square brackets are invalid.

Add export

____ function topla(a: number, b: number): number {
  return a + b;
}

Show answer

export function topla(a: number, b: number): number {
  return a + b;
}

export and import parts

export function topla

Named export declaration
import { topla }

Import with curly braces
{ topla, cikar }

Multiple names with commas
from "./matematik"

Module path

Next lesson: Default export

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies