TIL. TypeScript


TypeScriptについて



2012年にマイクロソフトが発表したTypeScriptは、JavaScriptに基づいて静的タイプの構文を追加するプログラミング言語です.

Type Scriptの特徴

  • コンパイル言語、静的タイプ言語
  • JSは、実行時にエラーが発生する動的タイプの割り込み言語です.
  • TSは、タイプスクリプトコンパイラまたはバーコードによってJSコードに変換される静的タイプのコンパイル言語である.
  • コード作成フェーズでは、タイプをチェックしてエラーを確認し、タイプを事前に決定することができるため、実行速度が非常に速い.
  • 欠点は、
  • コードを記述するたびにタイプが決定され、コード量が増加し、コンパイル時間がかかることです.
  • JavaScriptスーパーセット
  • TSは、JSのスーパーセットである.すなわち、JS基本構文にTS構文を追加する言語である.
  • の有効なJSで記述されたコードを使用して、拡張子を.jsから.tsに変更し、TSにコンパイルして変換します.
  • オブジェクト向けプログラミングサポート
  • TSは、ES 6で新しく使用された構文を含み、クラス、インタフェース、継承、モジュールなどのオブジェクト向けのプログラミングモードを提供する.
  • Typeスクリプトのインストール


    端末サービスをインストールする方法は大きく2つあります.
  • npmのインストール(Node.jsパッケージマネージャ)
  • を使用
  • Type ScriptのVisual Studioプラグイン
  • をインストール
  • NPMユーザは
  • である.
    > npm install -g typescript
  • 端末サービスをVisual Studioとともにインストールしていない場合は、ここからダウンロードをインストールできます.
  • 最初のTSファイルの作成


    エディタで、greeting.tsファイルにJsコードを入力します.
    function greeting(preson) {
    	return "Hello, " + person;
    }
    let user = "Jane User";
    
    document.body.textContent = greeting(user);

    コンパイルコード

    .ts拡張子を使用していますが、このコードは普通のJsコードです.
    コマンドラインでTSコンパイラを実行します.
    tsc greeting.ts
    Jsコードを含むgreeting.jsファイルが生成されます.