[TIL#20]TypeScriptとは?


複数の会社の求人広告を見ると、TypeScriptという言葉を見つけるのは難しくありません.
また、関連コースも多くの傾向を示しており、多くの人が勉強していることがわかります.(私だけが今勉強しています)
JavaScriptを書くと、必要なタイプのスクリプトが言われます.🏃‍♂️

TypeScriptとは?


TypeScriptはMSが開発・管理するオープンソースプログラミング言語である.
ブラウザ、ホスト、オペレーティングシステムで実行します.
TypeScriptはJavaScriptの親セットで、ECMAの最新規格をサポートしています.

簡単に言えば、JavaScriptにタイプを付与した拡張JavaScriptと見なすことができます!
JavaScriptとは異なり、ブラウザ上で実行するTypeScriptTypeScript静的タイプ言語なので、一度ファイルをコンパイルする必要があります.
既存のJavaScriptはダイナミックタイプ言語であり、実行時の速度が速いが、タイプの安定性が保証されていないという欠点がある.したがって,TypeScriptはこれらの欠点を補うために作成される.
✅Type Script:JavaScriptにタイプを追加して安定性を確保する静的タイプ言語.

Type Scriptのメリットとデメリット


長所

  • TypeScript静的タイプ言語であり、論理構造により、実行時より前のコンパイルフェーズでエラー式を含むコードをキャプチャすることができる.

  • 明確なタイプ化は、開発者の意図を明確にコードとして表すことができるため、大規模なプロジェクトまたは複数の開発者が協力すれば、これらのタイプの説明は、コードの可読性を向上させ、予測することができる.
  • 短所


  • フレームワークにより、TypeScript必要な初期設定が複雑です.

  • すべてのタイプが逆にコード可読性を低下させることを明示する場合もある.

  • 既存のコードにタイプを明確にする必要があるため、同じ操作を実行するコードでも、より少ないコードを記述する必要があり、生産性が低下します.
  • Typeスクリプトの簡単な例


    基本タイプ
    let str: string = 'hello world!';
    let num: number = 10;
    let isOpened: boolean = false;
    
    let arr: number[] = [1,2,3];
    let arr: Array<number> = [1,2,3];
    
    let tup: [string, number] = ['hello', 10];
    既存のJavaScriptコードでタイプを定義するには、┑、┑、┑、┑を使用します.
    既存のJavaScriptコードでこのようにタイプを宣言するのは難しくありません.
    let str: any = 'hello';
    let num: any = 10; 
    let arr: any = [1,false,"string"];
    TypeScript全てのタイプに対して許容される意味を持つため、タイプは別途特定しない.
    n.関数
    // 자바스크립트 코드
    function sum(a,b) {
      retun a+b;
    }
    // 타입스크립트 코드
    function sum(a: number, b: number): number {
      return a+b;
    }
    各パラメータの横にタイプを指定し、最後に関数の戻り値にタイプを指定します.
    (関数の戻り値にタイプを決めたくない場合は:)
    TypeScriptを学ぶ前に、なぜなのかを簡単に話しましょう.why.. それらの使用状況を議論し,簡単な使用方法を議論した.
    実際、JavaScriptを本格的に勉強する前は、主にC++を使っていましたが、次はJavaなので、タイプを単独で宣言しない(「何...変数を宣言するときはどうしてこんなに便利なの?」😉
    参考資料
    参考資料
    参考資料