なぜTypeScriptを使うのか?
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 2/73。
TypeScriptは、開発をより安全かつ効率的にする3つの大きなメリットを提供します。
エラーを早期に発見する: TypeScriptの静的型チェックは、コードが実行される前の開発段階でエラーをキャッチします。これにより、ユーザーがアプリケーションを操作したときに初めて表面化するようなバグを防ぐことができます。
よくあるJavaScriptのミスを考えてみましょう:
// JavaScript - このバグは実行時まで検出されません
function calculateTotal(price, tax) {
return price + tax;
}
calculateTotal("50", 0.1); // 50.1ではなく"500.1"を返します!TypeScriptを使用すると、このエラーは即座に検出されます:
// TypeScript - 開発中にエラーが検出されます
function calculateTotal(price: number, tax: number): number {
return price + tax;
}
calculateTotal("50", 0.1); // エラー: 型 'string' の引数を型 'number' のパラメーターに割り当てることはできませんコードの可読性の向上: 型アノテーションはドキュメントとして機能し、関数がどのようなデータを期待し、何を返すかを明確にします。これにより、あなたとチームメイトの両方がコードをより速く理解できるようになります。
強化された開発ツール: TypeScriptは、コードエディタにおいて優れたオートコンプリート、リファクタリング、およびナビゲーションを可能にします。エディタは、各変数でどのpropertiesやmethodsが利用可能かを正確に把握します。
自分で試してみよう
このレッスンにはコードチャレンジは含まれていません。
このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: JavaScriptオンラインコンパイラ