なぜType Scriptがトレンドになっているのですか?

5104 ワード

なぜType Scriptがトレンドになっているのですか?
一、Type Scriptとは何ですか?
  • Type ScriptはJavaScriptのタイプのオーバーセットで、純粋なJavaScriptにコンパイルできます.
  • によってコンパイルされたJavaScriptは、任意のブラウザで実行できます.
  • Type Scriptコンパイルツールは、任意のサーバおよび任意のシステムで実行できます.
  • Type Scriptはオープンソースです.
  • 二、なぜType Scriptを使うのですか?
  • Type Scriptはコードの可読性とメンテナンス性を増加しました.
  • タイプのシステムは、実際には最高のドキュメントであり、大部分の関数は、タイプの定義を見ると、
  • の使い方が分かります.
  • はコンパイル段階で大部分のエラーを発見することができます.これはいつも運転中にエラーが発生したより良いです.
  • Type Scriptはとても包容力があります.
  • Type ScriptはJavaScriptのオーバーセットです.jsファイルは直接名前を変更できます.tsでも
  • です.
  • は、簡単から複雑までのほぼすべてのタイプを定義することができます.
  • は第三者ライブラリに対応しています.たとえ第三者ライブラリがType Scriptで書かれていなくても、Type Scriptの読み込みのために個別のタイプのファイルを作成することができます.
  • Type Scriptは活発なコミュニティを持っています.
  • ほとんどの第三者ライブラリは、Type Scriptに提供されるタイプ定義ファイル
  • を持っています.
  • AnglarとVSCは、Type Scriptを用いて作成された
  • である.
    JSとTSの違いを比べてTSの醍醐味を知る.
    /*
              JS  ,           a。
                a     ,      。
                     ,       a     。
    */
    function sortName(a) {
        var result = a.slice(0);
        result.sort(function (x, y) {
            return x.name.localeCompare(y.name);
        });
        return result;
    }
    
    
    /*
            ts  ,         a     。
          a       Person   ,     name age  。
         name     string,age     number。
                   ,        ,               。
                ,               。
    */
    interface Person {
        name: string;
        age: number;
    }
    
    function sortName(a: Person[]) {
        var result = a.slice(0);
        result.sort(function (x, y) {
            return x.name.localeCompare(y.name);
        });
        return result;
    }
    
    三、インストールとコンパイル方式
    インストール
    	npm install -g typescript
    
    手動でtsファイルをコンパイルする
    tsc helloworld.ts
    
    自動コンパイルtsファイル
    tsconfigファイルを生成:
    tsc -init
    
    端末をクリックします.実行タスク=>tsc:監視-tsconfig.json