クイックスタートガイド

導入
TypeScriptは、マイクロソフトが開発し、2012年に公開された強力な型プログラミング言語です.JavaScriptで動作するという批判に対処するために、主に動的にタイプされる方法を記述するために言語が作成されました.JavaScriptはブラウザのコンパイラ内で解釈され、コードを書く時には解釈されないので、エラーが発生した場合、ブラウザがコードをコンパイルしてエラーを返すまで、それは捕捉されません.TypeScriptは、独自のコンパイラを介してコードを実行し、あなたのプログラミングには、迅速かつ容易に生産する前に、簡単に“タイプ”を意味を追加することによってこれを修正します.最良の部分は、JavaScriptのSupersetは、JavaScript開発者のための学習曲線を実質的にないです.

インストール
TypeScriptをインストールするには、ノードjsを必要とします.ノードをインストールするにはhere 適切なオペレーティングシステムの指示に従ってください.
ノードがインストールされた後、コマンドを実行することによってTypeScriptをインストールすることができますnpm install typescript --save-dev 端末内で.

基本的な使用
新しいタイプのファイルを追加することで作成できます.ts ファイル名の末尾まで.たとえば、“練習”という名前の新しいファイルを作成したいなら、コマンドを実行するだけですtouch practice.ts . このようにして、ファイル内にTypescriptコードを書き始めることができます.
TypeScriptはJavaScriptのSupersetですので、あなたの中にプレーンJavaScriptを入力するだけで得ることができます.TSファイルは、まだ完全にコンパイルされます.これをテストするために、我々は先に行くことができますし、コードを最初の行にこのコードを書く.

console.log("TypeScript Practice");

コードが書き込まれたので、私たちはこのコマンドを実行することができます.それで、我々が前進して、走るならばtsc practice.ts 私たちの端末の中から、「練習. js」という名前の新しいファイルが表示されます.これはコンパイラを通して実行され、JavaScriptに翻訳されました.私たちは私たちの中で基本的なJavasptを使用して以来の通知.何も変わっていないtsファイル.

種類
今、私たちは、タイプスクリプトに入る主な理由のうちの1つに入ることが静的なタイピングを可能にしているということです.それが達成する1つの理由は、その唯一の強い“タイプ”を作成する各変数を割り当てることです.変数を宣言するときには、任意の変数を指定した後にコロンを追加することで、各変数の型を割り当てることができます.たとえば、私が年齢のタイプに年齢を割り当てて、その値を25に等しくしたいならば、私はコードを書くことができますlet age: number = 25; . 今、さらに下の行のような数の他に変数の年齢を割り当てるしようとするとage = "Twenty Five"; , コンパイラは、vscodeのような互換性のあるテキストエディタを使用する場合、その正確な位置を知っている間、すぐに問題を修正するエラーをスローします.

TS設定
TypeScriptには、言語や従者の行動を変更するために混乱することができますオプションの巨大な配列があります.たとえば、我々の練習の中で.tsファイルはこのようにasync関数を作成します.

async function practice() {

}

我々が走るならばtsc practice.ts そして私たちの練習に移動します.JSファイルは、JavaScriptが非同期関数に使用されているものと比較して、かなり面倒です.これは、複数の異なるバージョンのJavaScriptで使用され、現在のデフォルトではES 5になっているためです.この動作はtsconfigを追加することで変更できます.JSONファイル.先に行きなさいtouch tsconfig.json 端末内でテキストエディタ内で新しく作成したファイルを開きます.ここでは、JavaScriptの最新バージョンへのデフォルトまたはコンパイラの動作を行うためにこのコードを追加します.我々が走るならばtsc 我々のターミナルの中で、我々は我々の実行を見なければなりません.JSファイルは、JavaScriptの最新バージョンをデフォルトで使用しているので、ずっときれいになります.

インターフェース
つの最後のものすごいツールは、私が入力したときに入力したいときに入力します.新しいJavaScriptオブジェクトを作成する場合、オブジェクトの値のすべてに型を与えることができるインターフェイスと呼ばれるものを作成できます.たとえば、私は、これをタイプすることによって、我々がサンドイッチと呼ばれている新しいオブジェクトへのインターフェースをつくることができました.

interface Sandwich {
  meatType: string;
  numberOfCondiments: number;
  breadType: string;
}

今、我々は新しいオブジェクトを作成することができますし、強力なタイプを持つすべての変数を許可するサンドイッチのインターフェイスに割り当てます.それで、我々が以下をコード化するならば.

let newSandwich: Sandwich = {
  meat: "Turkey",
  numberOfCondiments: "2",
  breadType: "Wheat"
}

私たちのNumberofConsumment値が間違ったタイプを含んで、エラーを避けるために変わるべきであると警告されます.