TypeScriptとは?


TypeScriptとは?
Type ScriptはJavaScriptの拡張言語です.これはJavaScriptにtypeを付与する別の言語と見なすことができる.
ブラウザでTypeスクリプトを実行するには、ファイルを一度に変換する必要があります.ブラウザが理解できる言語はHTML、CSS、純JavaScriptのみなので、ブラウザを実行する前にType Scriptを純JavaScriptに変換する必要があります.この変換プロセスをコンパイルと呼びます.
デフォルトでは、タイプスクリプトはファイル拡張子を.tsとして作成します.
なぜTypeScriptが必要なのですか?
エラー予防
JavaScriptでは、変数のタイプは指定しません.任意のタイプの値に変数を割り当て、割り当てられた値に基づいて変数のタイプを動的に決定できます.
TypeScriptを使用すると、このような動的に決定されたタイプによるランタイムエラーを実行時よりも前に防止できます.
function sum(a, b) {
    return a + b;
};

sum(10, '10');  // -> '1010'
上記のsum関数呼び出し文は、数値10と文字列10を引数として渡します.これはJavaScript構文に問題はありません.
しかし,開発者は,数値のみを引数として渡し,数値を戻り値として返す関数を作成した.

上の図に示すように、Previewのaにはany、b、anyが表示され、関数にはanyも表示されます.これは、パラメータa、b、および関数の戻り値が任意のタイプ(any)であってもよいことを意味する.
今回はTypeScriptを用いてsum関数を記述する.
function sum(a: number, b: number): number {
    return a + b;
}

sum(10, '10');  // -> 런타임 전에 타입 에러 표시
各パラメータと関数にtypeを指定すると、

上の図に示すように、ポケットベルのパラメータにエラーが発生します.これは私たちが指定した関数が甲のtypeを返すものではないので、エラーが発生します.次に、Previewを表示して、anyではなく、パラメータと関数に表示されるタイプnumberを決定できます.
自動補完コード
TypeScriptは、コードの生産性を向上させることもできます.

上図に示すようにresult変数の値はnumberとして指定されているのでtypeがnumberの場合、使用可能な値が自動的に表示されます.これは、コードを記述する過程で、関連するAPIが自動的に完了し、誤字によるエラーを防止することを意味する.