[Type Script]デフォルトタイプ


既存のJavaScriptコードをタイプスクリプトに変換するための学習

基本タイプ

  • タイプのスクリプトで、変数や関数などのJavaScriptコードでタイプ
  • を定義できます.
  • タイプのスクリプトの基本タイプは12種類あります:
  • String

    let str: string = 'hi';
  • JavaScript変数のタイプが文字列の場合は、上記の宣言を使用します.
    以上のように、:を使用してJavaScriptコードにタイプを定義する方法をタイプタグと呼ぶ
  • Number

    let num: number = 10;
  • タイプが数字である場合、上記の宣言
  • Boolean

    let isLoggedIn: boolean = false;
  • タイプが真偽値である場合、前述のように
  • Object


    Array

    let arr: number[] = [1,2,3];
    let week1: string[] = ['mon', 'tue', 'wed'];
  • 型のアレイの場合、
  • は単純に宣言される.
  • または以下に示すように、ジュネーブを使用できます.
    let arr: Array<number> = [1,2,3];
    let week2: Array<string> = ['mon', 'tue', 'wed'];

    Tuple

    let arr: [string, number] = ['hi', 10];
  • tupleは、アレイ長が固定する、各要素タイプが指定するアレイフォーマット
  • を表す.
  • タイプが定義されていない場合、インデックスでアクセス中にエラーが発生しました.
    arr[1].concat('!');
    // Error, 'number' does not have 'concat'
    arr[5] = 'hello';
    // Error, Property '5' does not exist on type '[string, number]'.

    Enum

    enum Avengers { Capt, IronMan, Thor }
    let hero: Avengers = Avengers.Capt;
  • Enumは、C、Javaなど他の言語でよく使われるタイプで、特定の値(定数)の集合を表す.
  • Enumは、インデックス番号を使用して
  • にアクセスすることもできます.
    enum Avengers { Capt, IronMan, Thor }
    let hero: Avengers = Avengers[0];
  • 希望する場合は、Enumのインデックスをユーザーが使いやすい
  • に変更することもできます.
    enum Avengers { Capt = 2, IronMan, Thor }
    let hero: Avengers = Avengers[2];
    // Capt
    let hero: Avengers = Avengers[4];
    // Thor

    Any

    let str: any = 'hi';
    let num: any = 10;
    let arr: any = ['a', 2, true];
  • は、JavaScriptで実装されている既存のWebサービスコードにタイプスクリプトを徐々に適用する際に、
  • として好適なタイプである.
  • 単語の意味で、すべてのタイプに許可されます.
  • Void

    let unuseful: void = undefined;
    function notuse(): void {
    	console.log('sth');
    }
  • 変数はundefinednullのみを割り当て、関数は戻り値
  • を設定できません.

    Never

    // 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
    function neverEnd(): never {
      while (true) {
        
      }
    }
    function showError(){
      throw new Error();
    }
  • とは、関数の末尾に絶対に到達しないタイプ
  • を指す.
  • エラーを返す場合も
  • を使用します.
    https://www.youtube.com/watch?v=70w82P-KiVM&list=PLZKTXPmaJk8KhKQ_BILr1JKCJbR0EGlx0
    https://joshua1988.github.io/ts/guide/basic-types.html