Mitomex Blog

変数に Type Annotations (型注釈)をつける方法 - TypeScript

Jan 21, 2021

変数の後に : と型を記述する。

記述例

let apples: number = 5;
let speed: string = 'fast';
let hasName: boolean = true;

let nothingMuch: null = null;
let nothing: undefined = undefined;

let now: Date = new Date();

let colors: string[] = ['red', 'green', 'blue'];
let myNumbers: number[] = [1, 2, 3];
let truths: boolean[] = [true, true, false];

class Car {}
let car: Car = new Car();

let point: { x: number; y: number } = { // y の後にセミコロンは要らない
  x: 10,
  y: 20
};

const logNumber: (i: number) => void = (i: number) => {
  console.log(i);
};

Type が決まると、以下のように変数が持っているメソッドが分かる。

image01

Type が決まると以下のものはエラーであると分かる。

image02

変数の Type が決まると値を代入するときにエラーであると分かる。

image03