named export と default export

実践JavaScript / 全 5 枚

実践JavaScript - named export と default export

名前を付けて出すか、1 つだけ代表として出すか

外に出す方法は 2 つあります。名前を付けて何個でも出す named export と、そのファイルの代表を 1 つだけ出す default export です。同じファイルに両方を書くこともできます。

出し方が違うと、受け取る側の書き方も変わります。次の枚で並べて見ます。

上の 2 つが named、いちばん下が default です。default は 1 ファイルに 1 つだけ書けます。

// format.js
export const UNIT = "年";

export function formatYear(year) {
  return year + UNIT;
}

export default function formatTitle(work) {
  return work.title + " (" + work.year + ")";
}

1 / 5

← → キーでも送れます

このスライドが付いているレッスンを開く