[Typescript] - basic ( 기본 타입, 함수)

1. 기본타입

const message : string = 'hello world';
const done: boolean = true;

const numbers : number[] = [1, 2, 4];
const messages: string[] = ['hello', 'world'];

배열로 들어올 때는 type 뒤에 [] 배열이다 라는 것을 명시해주어야 한다.

messages.push(1) //Error

문자 배열에 숫자 1을 넣고자 하면 에러.
messages 의 타입은 string 이기 때문이다.

let mightBeUndefined : string | undefined = undefined;

• 만약에 특정값이 undefined 거나 문자열 일 수도 있을 때, 타입에 | 연산자를 넣는다.

let color : 'red' | 'orange' | 'yellow' = 'red';
color = 'yellow'
color = 'green' //Error;

어떤 문자열을 설정할 때 red, orange, yellow 중에 하나만 설정할 때

2. 함수

function sum (x, y) {
}
//Error

함수의 파라미터 (x, y) 의 타입이 정해져있지 않기 때문에 에러.

function sum (x: number, y: number) : number {
	return x + y;
}

sum (3, 10) // sum 을 호출했을 때의 output 이 숫자기 때문에 type은 number

함수의 결과물에 대한 타입또한 정해줄 수 있다.

Array

function sumArray (numbers: number[]) : number {
	return numbers.reduce((acc, current) => acc + current, 0);
    // numbers 라는 파라미터는 타입이 숫자 배열이고, 결과물의 타입은 숫자이다.
    // reduce() 에서 acc, current 를 파라미터로 가져오고, 그 둘을 더해주어 결과를 낼 것이며 초기값 0 을 설정
}

const total = sumArray([1, 2, 3, 4, 5]);
console.log(total)
//output = 15

total 이라는 값의 타입이 number 인 것으로 잘 유추가 됨

함수에서 아무것도 반환하지 않을 때 반환타입 = void

function returnNothing () : void {
	console.log('ㅇㄹㅇㄹㅇ');    
}

returnNothing();

함수의 반환 값이 숫자이거나 문자열 일 때 (| 연산자)

function returnStringOrNumber() : string | number {
	return 4;
}