序文
- TypeScript は、オープン ソースの、段階的に型付けされた JavaScript のスーパーセットです。
- その役割は、開発者が js の機能を強化し、アプリケーションを簡単に拡張できるようにすることです。
スーパーセットとは何かというと、これら 2 つの点はナンセンスです。
S1 は S2 のサブセットです。S2 は S1 のスーパーセットです (拡張 extend と同様)
TS は、ES6 に基づいてJavaScript エコシステムに型メカニズムを追加し、最終的にコードを純粋な JavaScript コードにコンパイルします。基本的に、オプションの静的型付けとクラスベースのオブジェクト指向プログラミングを言語に追加します。
- TypeScript は JavaScript の構文を拡張するため、既存の JavaScript プログラムはそのまま TypeScript で動作します。
- JavaScript にはクラスとモジュールの概念がありませんが (es6 ではクラスとモジュールの概念が導入されています)、TypeScript 拡張機能はこれらの機能を実装します。
準備する
npm i -g typescript
TSファイルの作成
TSコードの種類
vscode はすでに TypeScript 言語タイプをサポートしているため、プラグインをインストールする必要はありません
VScode コンパイラは、コードの作成時の ts エラー チェックをサポートします。
tsファイルをコンパイルします
ターミナルは警告エラー メッセージを出力します (コンパイラーによる JS コードの生成は妨げられません)。
TS チェックを JS ファイルで実行できるようにする
①TypeScriptをコンピュータにグローバルにインストールする
npm i -g typescript
②jisファイルの1行目に // @ts-check という一文を追加
TSの最も基本的な部分を紹介します。次にTSの詳細について説明します。