Typeスクリプトマニュアル

3869 ワード

読者にはJavaScriptプログラミングの基礎者がいることをお勧めします.C、PHPなどの言語があれば、すべてを知っているように見つけることができます.公式文書Quick startから翻訳
TypeScriptはJavaScriptスーパーセットであり、ECMAScriptの一部の新しい標準を事前に実現し、大規模なプロジェクトコードの信頼性とメンテナンス性を向上させるために多くの特性を追加しました.現在、Microsoft側がメンテナンスを主導しており、GoogleチームがメンテナンスしているAngular 2プロジェクトもType Scriptに基づいて構築され始めている.
  TypeScript                          JavaScript  ,             。

Typeスクリプトのインストール
TypeScriptをインストールして、コードのコンパイルやその他の機能を実現する必要があります.2つの方法があります.
  • npm(Node.jsパッケージ管理ツール)によってインストール(後述)
  • .
    ~> npm install -g typescript
    
  • Visual Studioを使用するダイレクトインストール可能なプラグイン
  •          Visual Studio        TypeScript  (         Visual Studio Code)。
    

    最初のTypeスクリプトファイルの作成
    TypeScriptファイルの接尾辞は.tsで、新しいファイルkillを作成します.ts(楽にして、JSとして書いて、Type Scriptは完全に互換性があります):
    function kill(person) {
        return "You died, " + person;
    }
    var user = "Sunkey fong";
    document.body.innerHTML = kill(user);
    

    コマンドラインでファイルのあるディレクトリに入り、tsc kill.tsを入力とコンパイルされたkillが得られる.jsファイル.
    このように、tsでType Scriptの特性を自由に使用することができ、コンパイラはコードの誤りを処理し、高互換性jsファイルに変換する作業を処理します.
    とくせい
    CやPHPなどの言語を使ったことがあると、TypeScriptの多くの特性が参考になっていることがわかります.ここでは3つの基本的な特性を紹介します.
    1、タイプ宣言Type annotations
    TypeScriptではC言語のように値にタイプを指定し、値の乱用を避けてコードのメンテナンス性を向上させることができます.
    JavaScript      ,                     , JavaScript       。       ,             。           。
    

    たとえば、変数名に: stringを付けると、文字列タイプとして指定できます.
    function kill(person: string) {
        return "You died, " + person;
    }
    
    var user: string = "Sunkey Fong";
    document.body.innerHTML = kill(user);
    

    killメソッドのpersonパラメータをstringタイプとして規定するため、次のコードはコンパイル時にエラーを報告します.
    function kill(person: string) {
        return "You died, " + person;
    }
    
    var user = ["Sunkey Fong", 'Myself'];
    document.body.innerHTML = kill(user);
    

    同様に、パラメータ実行kill()を伝達しなければ、エラーのパラメータ数のエラーも得られる.上記のようにTypeスクリプトは、あなたのコードと変数宣言によって静的なコード分析を行います.
      :     ,kill.js      。                TypeScript,              。
    

    2、インターフェイス
    インタフェース(カスタムタイプと同様)のプロパティ規定値またはクラスライブラリの基準を使用します.たとえば、firstNamelastNameのキー値を含むインタフェースPersonを規定します.
    interface Person {
        firstName: string;
        lastName: string;
    }
    
    function kill(person: Person) {
        return "You died, " + person.firstName + " " +  person.lastName;
    }
    
    var user = { firstName: "Sunkey", lastName: "Fong" };
    document.body.innerHTML = kill(user);
    

    コード中のkillメソッドは、パラメータpersonPersonインタフェース定義を満たす必要があることを規定している.
    3、クラスクラスクラス
    CやPHPなどの言語を少し知っている学生はきっとよく知らないに違いない. 基本はコードプロジェクトの最も基本的な要素である.TypeScriptはクラスベースおよびオブジェクト向けのプログラミングをサポートします.

    たとえば、Heroのクラスを作成します.これには、コンストラクション関数といくつかの共通属性が含まれます(コンストラクション関数のパラメータの前にpublicを追加することで、この変数をクラスの属性として簡単に宣言できます).
    class Hero {
        fullName: string;
        constructor(public firstName, public middleInitial, public lastName) {
            this.fullName = firstName + " " + middleInitial + " " + lastName;
        }
    }
    
    interface Person {
        firstName: string;
        lastName: string;
    }
    
    function kill(person : Person) {
        return "You died, " + person.firstName + " " + person.lastName;
    }
    
    var user = new Hero("Sunkey", "Hero", "Fong");
    document.body.innerHTML = kill(user);
    

    コンパイルすると、このコードは前のコードと似ています.これは、Type Scriptのクラス(class)がJavaScriptでよく使われるプロトタイプベースの構築方法を使用しているためです.
    尻尾
    TypeScriptの機能や詳細については、公式ドキュメント(それほど難しくなく、あちこちでチュートリアルを探す必要はありません)を読むことをお勧めします.言語は共通していますが、JSしかできない場合は、TypeScriptを勉強した後、C、PHPなどの言語を上手にすることができます.