Lesson 7:Type Scriptは速くて上手です.

2906 ワード
typescriptとは何ですか?
  • TS言語自体もオープンソースの
    • です.
  • は第一線の大工場MicroSoft
    • から来ました.
  • Anders Hejlsbergタイトル開発
    • Type ScriptはJavaScriptのオーバーセットで、主にタイプシステムとES 6に対するサポートを提供しています.Microsoftが開発し、コードはGitHubから始まります.Type Script中国語サイト
    公式サイトの定義:
    TypeScript is a typed superset of JavaScript that comples to play JavaScript.Any browser.Any host.Any OS.Open source.
    中国語に訳せば、
    Type ScriptはJavaScriptのタイプのオーバーセットで、純粋なJavaScriptにコンパイルできます.コンパイルされたJavaScriptは任意のブラウザで実行できます.Type Scriptコンパイルツールは、任意のサーバと任意のシステムで実行できます.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を使って作成した
    • です.
  • ES 6の一部の特性は、参考にしたType Scriptの
    • です.
  • Type ScriptはES 6仕様を抱拥し、ES 7草案の一部の仕様にも対応しています.
    Type Scriptの欠点
  • には一定の学習コストがあり、インターフェース(Interfaces)、汎型(Generaics)、クラス(Class)、エニュメレーション型(Enums)などの先端技術者がよく知られていないかもしれません.それに、中国語の資料も多くないです.
  • 短期的にはいくつかの開発コストを増やすかもしれません.結局は多くの種類の定義を書く必要がありますが、長期メンテナンスが必要なプロジェクトについては、Type Scriptはメンテナンスコストを減らすことができます.
  • 構築プロセスに統合するには、いくつかの作業量が必要です.
  • は、いくつかのライブラリとの組み合わせが完璧ではないかもしれません.
    環境構築
    npm install -g typescript
npm install @types/node --dev-save
mkdir ts-demo
npm init
tsc --init
    セットアップが完了したら、tscコマンドがあります.Type Scriptファイルをコンパイルするのは簡単です.
    tsc hello.ts
    Type Scriptで作成したファイルを使って.tsを拡張することを約束します.
    上手な例
    アニマルクラスを作成します.
    アニマル.ts
    export class Animal{
    constructor(){
    }

    public eat():void{
        console.log("       ！");
    }

    public run():void{
        console.log("       ！");
    }
}
    Personクラスを作成し、アニマルクラスを継承します.
    Person.ts
    import {Animal} from "./Animal";

export class Person extends Animal{
   constructor() {
       super();
   }

   public eat():void{
       console.log("       ！");
   }

   public run():void{
       console.log("      ！");
   }
}
    エントランスファイル
    import {Animal} from "./Animal";
import {Person} from "./Person";

let animal=new Animal();
animal.eat();
animal.run();

let person=new Person();
person.eat();
person.run();
    コンパイルした後にメール.tsを実行します.
    少なくとも以下のType Scriptの特性を把握してください.
  • 継承
  • インターフェース
  • 飾り器
  • getterとsetter
    • React as a UI Runtime(三、協調)