【初心者】TypeScriptの文法を理解していくvol.1

はじめに

2024年になって、気づいたらTypescritが主流になっていた。

不安になってきたので研修の時間に少しずつ学習を始めていく。

変数の宣言と代入

ES2015仕様になっている。constやletは必須なのかと思ってきた。

.ts

const message = "Hello World!"

let breakfast = "toast"

プリミティブ型

基本的な型。この3つ存在する。

.ts

// 文字列
const lastName:string = "Saito";

// 数値
const age: number = 30;

// 真偽値
let bool: boolean = true;

特殊なプリミティティブ型

nullとany型が意外と特徴的

.ts

// 存在しないことを表す型
const notExisted = null;

// 何にでもなり得る型
let slive: any;
slive = 1;
slive = "1";
slice = { name: "オブジェクト" };

リテラル型

特定の値だけを代入可能にしてくれる。

.ts

// Appleだけしか入れられない
let forbiddenFruit: "Apple" = "Apple";

forbiddenFruit = "Orange";

ユニオン型

2つ以上の型をパイプ記号（|）で繋げてかける

.ts

// 200か201か202か203か204かのいずれか
let successCode: 200 | 201 | 202 | 203 | 204;

// 文字列と数値を代入できる変数
let str_num: string | number;
str_num = 'こんにちは';
console.log(str_num); // こんにちは

str_num = 123;
console.log(str_num); // 123

おわりに

変数を中心にぷりミィティブ型とリテラル型とユニオン型を学びました。
どんどん応用できるようにしていくぞ

参考

https://typescriptbook.jp/reference
https://zenn.dev/10000leaves/scraps/1cf028afd2cf71