常にタイプスクリプトを断続的に学習し、学習タイプスクリプトを確保するために既存のタイプスクリプトを整理した文章をすべて削除し、最初から順番にタイプスクリプトを学習し、整理します.p>

では、この記事では、「なぜタイプスクリプトを書くのか」についてまとめます.

タイプスクリプト？

タイプスクリプトはJavaScriptの拡張版です.

もっと厳格なJavaScript...と言うべきでしょうか?

JavaScriptはタイプ制限が全くない言語です.

JavaScriptを使用して変数を宣言する場合、どのようにしますか?

文字列、整数、実数、配列などのデータ型の変数宣言キーワードは制御されません.

そのまま入れることができます.

var something = 1;
var something = "Hello";
var something = [1,2,3];

JavaまたはC言語はいかがですか?

変数に値を割り当てる場合は、その変数にデータ型を指定する必要があります.

String str = "Hello";
int num = 2;
int [] arr = {1,2,3};

タイプスクリプトは「タイプスクリプト」のようにJavaScriptのタイプ制限バージョンです!

なぜタイプスクリプトを書くのですか?

では、なぜタイプスクリプトを書くのでしょうか.

JavaScriptはもっと柔軟で自由な言語ではないでしょうか.自由は長所じゃないの?!そう思ってもいいです.(『del>私もそう思います・・・)

では、なぜタイプスクリプトを使用するのでしょうか.

タイプのスクリプトは、JavaScriptの品質と生産性を向上させるために以下の2つの側面から使用できます:

• エラー防止
• コードガイドと自動完了(開発効率の向上)

エラーの防止

タイプのスクリプトはエラーを防止できますか?エラーを防止するにはどうすればいいですか?

次の簡単なコードを見て、その理由を理解します.

JavaScriptコード

function sum(a, b) {
  return a + b;
}

タイプスクリプトコード

function sum(a: number, b:number) {
  return a + b;
}

2つのコードはいずれも2つの数の和を求めるコードである.

JavaScriptで作成した関数を見てみましょう.

sum(10, 20); // 30

以上のコードは、我々が望む値:30を問題なく得ることができる.

sum('10', '20'); // 1020

上記のコードが「1020」という文字列を出力することが容易にわかります.

しかし1020は私たちが望んでいる結果ではありません.

Javascriptでコードを記述すると、このような予想外の結果が得られます.(止めない)

タイプスクリプトは、このような状況を防止します.

では、タイプスクリプトコード

function sum(a: number, b:number) {
  return a + b;
}
sum('10', '20');

上記のコードを記述すると、タイプスクリプトにエラーが発生します.
'10'은 number 형식의 변수에 할당될 수 없습니다.

タイプスクリプトで記述されたsum関数のパラメータを見ると、パラメータタイプはnumberタイプに制限されます.

したがって、文字列'10'がパラメータとして渡されると、タイプスクリプトは拒否反応を生じる.

タイプスクリプトのこれにより、コード内のエラーや予期せぬ結果を防止できます.

コードガイドと自動補完

タイプスクリプトを使用するもう1つの理由は,コードを記述する際に開発ツールの機能を最大限に利用できるからである.br/>
フロントエンド開発者がよく使用するVisual Studio Codeは、ツール内部のタイプスクリプトによって作成され、タイプスクリプトの開発が最適化されています.

JavaScriptコード

function sum(a: number, b:number) {
  return a + b;
}
var total = sum(10, 20);
total.toLocaleString();

JavaScriptを使用して記述された上記のコードを表示します.
toLocaleString()メソッドは、数値の使用言語によって表される文字列を含む文字列を返す方法である.

JavaScriptを使用してコードを記述する場合、VSCはtotal.toLocaleString();部を符号化する際に自動完了をサポートしない.つまりjavascriptはtotalがどんなタイプなのか分かりません.

すなわち、開発者は、sum()関数の結果が数値であることを自ら予測し、totalのタイプがnumberであると仮定して符号化することができる.

javascriptは前述したように、totalがnumberであることを知らないため、開発者はこの部分を作成する際に自分で作成しなければならない.

ただし、この時点でエラーが発生した場合は、エラーを見つけるにはプログラムを実行する必要があります.

では、タイプスクリプトを使用する場合を見てみましょう.

タイプスクリプトコード

function sum(a: number, b: number): number {
  return a + b;
}
var total = sum(10, 20);
total.toLocaleString();

タイプスクリプトはJavaScriptとは異なり、total.toLocaleString();関数がsum()を返すことを知っています.

すなわち、VSCはnumberのタイプがtotalであることを知っている.

したがって、この部分を記述する際には、numberを記述するだけでこれらの方法を自動的に完了することができる.

すなわち、total.toLocaleString();メソッドを自動的に完了!

このタイプのAPIをプレビューすることで、開発者は日常的な作成作業量を省くことができ、同時に作成エラーの確率を減らすことができます!

今回のリリースでは、タイプスクリプトとタイプスクリプトの使用理由について簡単に説明します.

今日、このプレゼンテーションを作成するときに、タイプスクリプトと使用理由を再考できます.

コンテンツ
を参照
タイプスクリプトマニュアル