TypeScriptの基礎的な知識(TypeScriptとは・TypeScriptとJavaScriptの関係性など)について学ぶ

less than 1 minute read

学んだこと

let hello: string = "hello";
console.log(hello);

var hello = "hello";
console.log(hello);

ドキュメントとしての側面を利用するため
- ドキュメントが半自動的に作られる
  - 関数定義時に引数や戻り値の型を指定することで、ドキュメントとなり得る。
  - 内容までは理解できないが、使い方までは理解できる。
- ライブラリで関数の使い方がわからなければ、定義から飛べば処理を理解することさえ出来てしまう。
Linter としての側面を利用するため
- Linter とは、実行前に検証してくれるツールを指す
  - エディタ等で赤波線として表示されるものが Linter
  - JS だと Linter を利用することが出来ないが、TypeScript なら使うことができる。
ES5 へのコンパイラとしての側面を利用するため
- 基本的には ES5 に変換する必要がある
- 新しい書き方(ES2018 や ES2019 など)あるが、ES5 が基準になるため合わせなければいけない。
- tsc で JS にコンパイル時にtsc ファイル名 --target es2018にすると、指定したバージョンで書き換わる。
  - 例:ES6 で対応している書き方について表で記載されている。https://compat-table.github.io/compat-table/es6/
  - 対応はしていないが、使えはする。