TypeScriptの基礎的な知識(TypeScriptで扱う型1)について学ぶ

学んだこと

型注釈と型推論

型注釈

• const hasValue :numberのような変数名の後ろにあるのが型注釈
• 型をこっちで決めてしまう。

型推論

• 変数に型を設定しない事
• TypeScript 側で型を推測する

どちらを使うか

• 基本的には型推論を使うと良い。
• 型注釈をつけると、冗長的で面倒
  • 変数などに代入値で推測ができる。
  • 初期値がない変数は型注釈をつけると良い

オブジェクト型

• 基本的には使わない
  • 使うとしたら、型注釈を使用する。

// この書き方は使わない
const person: object = {
  name: "aaa",
  age: 21
}

// この型注釈は使う
const person: { name: string; age: number } = {
  name: "aaa",
  age: 21,
};

// 型注釈でネストも可能
const person = {
  name: {
    firstname: "aaaa",
    lastname: "aaaa",
  },
  age: 21,
};

Taple 型

• 型推論で型を決めてから使用する

// 配列名: [要素の型名,...] = [値,...]
const book: [string, number, boolean] = ["business", 1500, false];
console.log(book[1]);

Enum 型

• 列挙型
• C 言語と同じ扱い

// enum型で宣言し、列挙した値に代入する
enum CoffeeSize {
  SHORT
  TALL
  GRANDE
  VENTY
}
// こっちの書き方でもOK
enum CoffeeSize {
  SHORT = "SHORT",
  TALL = "TALL",
  GRANDE = "GRANDE",
  VENTY = "VENTY",
}


// 使用する時はenumの名前.列挙名を使用する
const coffee = {
  hot: true,
  size: CoffeeSize.SHORT,
};

Union 型

• 複数の型を扱いたい場合に使用する

// 型名 | 型名で指定する。
let unionType: number | string = 10;
let unionTypes: (number | string)[] = [1, "aaa"];