typeScript学習ノート


概要:typeScriptはとても重要で、jsの1つのオーバーセットで、主にタイプのシステムとES 6に対する支持を提供しました.
参照リンク:https://ts.xcatliu.com/basics/primitive-data-types
1.Type Scriptとは何ですか?
Type ScriptはJavaScriptのオーバーセットで、主にタイプシステムとES 6に対するサポートを提供しています.Microsoftが開発し、コードはGitHubから始まります.
2.なぜType Scriptを選んだのですか?
Type Script公式サイトはいくつかの利点を挙げていますが、自分でまとめてみたいです.
Type Scriptはコードの可読性とメンテナンス性を増加しました.
  • タイプのシステムは、実際には最高のドキュメントであり、大部分の関数は、タイプの定義を見ると、
  • の使い方が分かります.
  • はコンパイル段階で大部分のエラーを発見することができます.これはいつも運転中にエラーが発生したより良いです.
  • は、コード補完、インターフェースプロンプト、定義、再構成などのエディタとIDEの機能を強化しています.
    Type Scriptはとても包容力があります.
  • Type ScriptはJavaScriptのオーバーセットで、.jsファイルは直接に.tsと命名すればいいです.
  • 明示的な定義タイプでなくても、自動的にタイプ推論を行うことができます.
  • は、簡単から複雑までのほぼすべてのタイプを定義することができます.
  • Type Scriptのコンパイルが間違っていても、JavaScriptファイル
  • を生成することができます.
  • は第三者ライブラリに対応しています.たとえ第三者ライブラリがType Scriptで書かれていなくても、Type Scriptの読み込みのために個別のタイプのファイルを作成することができます.
    Type Scriptは活発なコミュニティを持っています.
  • ほとんどの第三者ライブラリは、Type Scriptに提供されるタイプ定義ファイル
  • を持っています.
  • Googleが開発したAnglar 2は、Type Scriptを使って作成した
  • です.
  • Type ScriptはES 6仕様を抱拥し、ESNext草案の一部の仕様にも対応しています.
    Type Scriptの欠点
    どんなものにも両面性があります.Type Scriptの弊害は:
  • には一定の学習コストがあり、インターフェース(Interfaces)、汎型(Generaics)、クラス(Class)、エニュメレーション型(Enums)などの先端技術者がよく知られていない概念を理解する必要がある.
  • 短期的にはいくつかの開発コストを増やすかもしれません.結局は多くの種類の定義を書く必要がありますが、長期メンテナンスが必要なプロジェクトについては、Type Scriptはメンテナンスコストを減らすことができます.
  • 構築プロセスに統合するには、いくつかの作業量が必要です.
  • はいくつかのライブラリと完璧に結合されていないかもしれません.
    3.Type Scriptの設置
    Type Scriptのコマンドラインツールのインストール方法は以下の通りです.
    npm install -g typescript
    以上のコマンドは、グローバル環境でtscコマンドをインストールします.インストールが完了したら、どこでもtscコマンドを実行できます.
    Type Scriptファイルをコンパイルするのは簡単です.
    tsc hello.ts
    Type Scriptを使って作成したファイルは.tsを拡張子として、Type ScriptでReactを作成する時、.tsxを拡張子とすることを約束します.
    4.基礎文法の紹介
  • 定義変数タイプ
  • let isDone: boolean = false;
    
    
    let decLiteral: number = 6;
    let hexLiteral: number = 0xf00d;
    // ES6         
    let binaryLiteral: number = 0b1010;
    // ES6         
    let octalLiteral: number = 0o744;
    let notANumber: number = NaN;
    let infinityNumber: number = Infinity;
  • 任意タイプ
  • let myFavoriteNumber: any = 'seven';
    myFavoriteNumber = 7;
  • タイプ推定
  • 定義されたときに値が与えられていない場合は、その後の値の有無にかかわらず、anyタイプと推定され、完全にタイプ検査されない:
    let myFavoriteNumber;
    
    myFavoriteNumber = 'seven';
    
    myFavoriteNumber = 7;
  • 連結タイプ
  • let myFavoriteNumber: string | number;
    myFavoriteNumber = 'seven';
    myFavoriteNumber = 7;
  • オブジェクトの種類——インターフェース
  • Type Scriptでは、オブジェクトのタイプをインターフェース(Interfaces)で定義します.
    インターフェースとは何ですか
    オブジェクト指向言語では、インターフェース(Interfaces)は行動に対する抽象的な概念であり、具体的にどのように行動するかはクラス(clases)によって実現される必要があります.
    Type Scriptにおけるインターフェースは非常に柔軟な概念であり、クラスの一部の行為を抽象化するために使用できるほか、「オブジェクトの形状(Shape)」についてもよく説明する.
    簡単な例
    interface Person {
        name: string;
        age: number;
    }
    
    let tom: Person = {
        name: 'Tom',
        age: 25
    };
    上記の例では、インタフェースPersonを定義し、次いで変数tomを定義し、そのタイプはPersonである.このように、tomを制約した形状は、インターフェースPersonと一致しなければならない.
  • 配列のタイプ
  • let fibonacci: number[] = [1, 1, 2, 3, 5];
  • 関数のタイプ
  • function sum(x: number, y: number): number {
        return x + y;
    }
  • タイプ断言
  • タイプ断言(Type Asertion)は、手動で値の種類を指定するために使用できます.
    function getLength(something: string | number): number {
        if ((something).length) {
            return (something).length;
        } else {
            return something.toString().length;
        }
    }
  • ステートメントファイル
  • declare var       
    declare function       
    declare class      
    declare enum         
    declare namespace   (      )    
    interface   type       
    export     
    export namespace   (      )  
    export default ES6     
    export = commonjs     
    export as namespace UMD        
    declare global       
    declare module     
    ///       
    があります.次号に続く