TypeScript奮闘記 No.04 『Module編』

Module

JavaScriptにModuleが導入された

ES6形式のModuleを使用する事ができるが、それ以外の場合は トランスパイルが必要。

• Asynchronous Module Definition (AMD)
  • ブラウザ向けのコードによく使用される
  • define を使ってModuleを定義する
• CommonJS
  • Node.jsで使用される形式
  • Moduleの定義には module.exportsを使用し依存関係を定義するには require を使用する
• Universal Module Definition（UMD)
  • Module定義のスタイルを統一的に書けるようにしたい、という試みから生まれた（ってことらしい
  • ブラウザとNode.jsの両方で使用できる
• ES6
  • exportキーワードでモジュールを定義し、importで依存関係を定義する

Export

Moduleからコードをエクスポートすると、そのコードを他のモジュールで使用できるようになる。

export interface Item {
    name: string;
    unitPrice: number;
}

またこのような書き方もできる

 interface Item {
  name: string;
  unitPrice: number;
}

export { Item }

import

import { Item } from "./item

// use Item Interface..

default

defaultキーワードを使うことでデフォルトでエクスポートできるタスクをいっこに限定する

export default interface Item {
    name: string;
    unitPrice: number;
};

次はもっと詳細にかいてみる