【TypeScript】型の定義について基礎をまとめました【12種類の型を紹介！】

function calc(n1:number, n2:number){
  return n1 + n2;
}
// 引数n1,n2はnumber型で定義されています
// number以外の型が渡るとエラーになります

let num = 1;
let num2:number ;
//numの場合は、自動的にnumber型と判断されます
//num2の場合は、any型となり型推論が行われません

const person:{
  name:string;
  age:number;
} = {
  name:"shun",
  age:20,
}

const person:{
  name:string;
  age:20;
} = {
  name:"shun",
  age:20,
}
//型の定義では数字そのものを定義することもできます。
//上記のコードでは20以外の数字がオブジェクトで定義されるとエラーになります。

let sports : string[];

const person:{
  name:string;
  hobbies:string[];
} = {
  name:"shun",
  hobbies:["study","sports"]
}

//配列の型定義はstring[]のように記述します

const person:{
  name:string;
  role:[number,string];
} = {
  name:"shun",
  role:[10,"admin"],
}
//roleがTuple型となります
//上記のように指定することで、要素の数と型を定義することができます

person.role[1] = 100;
//配列のインデックス1にはstringが定義されているのでエラーとなる

person.role = [0 , "member" , 20]
//roleには2つの要素しか定義されていないのでエラーとなる

person.role.push("abcd")
//pushメソッドでの代入は防ぐことができない、エラーとはならない

enum Hobbies{
  baseball,
  baske,
  soccer,
}
//baseballには0、baskeには1、soccerには3が自動的に割り当てられます

enum Hobbies{
  baseball = "me",
  baske = 100,
  soccer = 200,
}
//baseballのように数値だけではなく文字列も割り当てることができます
//何も指定しない場合、0から自動的に割り当てられますが、baskeやsoccerのように好きな数字を割り当てることもできます

enum Hobbies{
  baseball = 10,
  baske,
  soccer,
}
//上記のように指定すると、baskeには11、soccerには12が割り当てられます

const person= {
 hobbies : Hobbies.baske
}

function calc(a : number | string , b:number){
   return a + b ;
}
//引数ａはstringかnumberを受け取ることができます

const num = 50 ;
//numはnumber型ではなく、50として定義されます。
//numは50以外の数値はありえないからです。

function call(a : "person" | "dog" 　){
   return a ;
}
//引数aには文字列personか文字列dogしか渡すことができません

type combinable =  number | string ;

function combine( a:combinable , b :combinable){
 return a + b ;
}
//引数aとbにはtypeで指定した型が定義されます。


type Obj = "person" | "dog" ;

function call(a : Obj　){
   return a ;
}
//Literal型も定義することができます

let input : unknown;
let username : string;

input = 20 ;
input = "tarou" ;

username = input
//変数の代入は、型のチェックを行っていないためエラーとなります

if(typeof input ==="string"){
 username = input
}
//変数の代入は、型のチェックを行っているためエラーとはなりません

function calc(n1:number, n2:number){
  return n1 + n2;
}

function print(n3:number){
  console.log(n3);
}

print(calc(10,20));
//関数printはcalcの実行結果をconsoleに出力するだけの関数となっています
//このようにreturn命令を持たない関数はvoid型が割り当てられます

function calc(n1:number, n2:number){
  return n1 + n2;
}

let calcdainyu : ( a:number, b:number) => number ;

calcdainyu = 5;
//定義した関数の引数と返り値をとらないのでエラーとなります

calcdainyuu = calc ;
//定義した関数の引数と返り値をとるので正常に機能します