A. TANIM

Tanımlamaların export edilme şekillerini iki kategoride inceleyebiliriz.

1. Varsayılan export'lar

// to import
import compose from "./compose.ts";

// to export
export { compose as default };

Bu kullanım bir modül içerisinden ancak tek bir tanımlamanın export edilmesine olanak tanır. Uygulandığında her modülün daha ufak, sade olarak tasarlanması sağlayacaktır.

2. İsimli export'lar

// to import
import { compose, dispatch } from "./mod.ts";

// to export
export { compose, dispatch };

Bu kullanım modül içerisinden birden fazla tanımlamanın export edilmesine olanak tanır.

B. KULLANIM

1. Tanımlarken

Dosyalama Yapısı bölümünde daha net anlatıldığı üzere; bir modül:

• Yeni tanımlamalarda bulunuyorsa varsayılan export'ları,
• Dış bağımlılıkları bünyesinde topluyorsa isimli export'ları,

kullanmalıdır.

2. Dizilim

Tüm import'lar dosyanın başında; yine tüm export'lar da dosyanın sonunda yer almalıdır. Bu direktif blokları kendi içlerinde sıralı, yine kendi aralarına farklı kod almayacak şekilde bir arada durmalıdır.

Doğru Örnek:

import React, { lazy } from "<https://jspm.dev/react>";
import * as subComponent from "./sub-component/mod.ts";
import anotherFunction from "./another-function.ts";

function sqr(n: number) {
  return n * n;
}

function yetAnotherFunction(a: number, b: number) {
  return sqr(a) * b;
}

export { yetAnotherFunction as default };

Yanlış Örnek: