TypeScript入門 第6回 モジュール定義

目次

これまで, ソースコードはindex.tsファイルに書いてきました. プログラムもまとまってきましたので, ソースファイルを管理しやすくするために, ファイルを分割してモジュールを定義します.

１）ソースファイルを分割する

srcディレクトリにrpn.tsファイルを作り, index.tsファイルのほぼすべての内容, データ型の定義と関数定義をコピーします. index.tsファイルに関数定義を残したままにしておくと, コンパイラがエラーを報告します.

rpn.tsファイルのparse関数とcalc関数にexportを付けるとエラーが解消します. 

index.tsから関数定義を削除すると, 関数が見つからないとコンパイラはエラーを報告します.

この結果から分かったことは次の通りです.

1. 新しく作ったrpn.tsファイルにindex.tsから関数をコピーしただけでは, rpn.tsファイルの内容はindex.tsと同じモジュールにあるものとして扱う.
2. rpn.tsファイルで公開する関数にexportを付けるとrpn.tsファイルの内容を別のモジュールとして扱う.

TypeScriptの仕様を確認したわけではないので, 間違えていたらスミマセン.

２）モジュールから関数をインポートする

関数をインポートしてみます. 

import {parse, calc} from './rpn'

let input = process.argv.slice(2, process.argv.length)

// 計算してみる

console.log('解析結果', parse(input))

console.log('計算結果', calc(parse(input)))

１行目のimport文を追加すると, コンパイルエラーは解消しました. この方法であれば, index.tsを修正せずに済みますが, rpn.tsファイルで定義してある関数であることを明示する方が私の好みです.

import * as rpn from './rpn'

let input = process.argv.slice(2, process.argv.length)

// 計算してみる

console.log('解析結果', rpn.parse(input))

console.log('計算結果', rpn.calc(rpn.parse(input)))

３）まとめ

この記事では, ソースファイルを分割してモジュールを定義する方法を調べました. ただし, この記事の内容はコンパイラの応答から推測した結果をまとめただけであり, 言語仕様などを確認する必要があります. また, 実行環境等によって違いがあるようなので注意が必要です. 

最後に, この記事で使用したNode.jsとTypeScriptのバージョンは次の通りです.

PS C:\TSWork\Module> node --version

v14.17.5

PS C:\TSWork\Module> .\node_modules\.bin\tsc --version

Version 4.4.2

PS C:\TSWork\Module>

目次