[TypeScript] void type · 함수의 타입

🐣 들어가기 전에

---

이번에는 void type에 대해서 정리해보장!_! void 타입은 함수의 타입을 지정할 때 사용한다고 생각하면 된다. 'void'의 경우 값이 없음을 나타내는데, 아무것도 반환하지 않는(=return 값이 없는) 함수의 반환 유형으로 사용된당!_! 밑에서 개념을 자세히 살펴보자! 꼬우꼬우!

(사진은 void staff.... 공허의 지팡이....껄껄)

 

공허의 지팡이

 

이전의 union, any, unknwon 타입이 궁금하다면?

[TypeScript] union type · any · unknown

 

🐣 Void Type · 함수의 타입

---

1. 개념

TypeScript의 void 유형은 값이 없음을 나타냄. 일반적으로 아무것도 반환하지 않는 함수의 반환 유형으로 사용. 예를 들어 단순히 콘솔에 기록하는 함수는 'void' 반환 유형임. 'void'를 사용하면 해당 함수에서 어떤 값도 기대할 수 없음을 나타낼 수 있음. 주로 명확성을 위해 사용되며 결과를 생성하기보다는 작업을 수행하는 함수에서 의도하지 않은 return을 잡는데 사용.

 

아래의 경우 logMessage는 작업을 수행하지만 void 유형으로 표시된 값을 반환하지 않음.

function logMessage(message: string): void {
    console.log(message);
}

 

 

2. 어떻게 사용?

함수의 경우 파라미터 타입 지정은 파라미터 옆에,

함수 실행 후 값은 함수명 우측에 아래코드처럼 쓰면 됨!

아래의 경우 return 값이 있어서 number 타입을 적어줌. void 타입이었을 경우 '3번 코드로 다시 살펴보기' 참고하기!

 

아!_! 그리고 파라미터에 타입 지정할 경우 필수가 되니 참고하기!

function 함수뿜(x :number) :number {
  return x * 6
}

 

 

3. 코드로 다시 살펴보기

보통의 경우 이런식으로 return 값에 맞춰 타입 지정을 해주는데,

function 함수뿜(x :number) :number {
  return x * 6
}

 

밑에 코드를 살펴보면 함수 타입을 void 로 지정할 경우 return 값이 들어오면 에러나는 것을 확인 할 수 있음

function 함수뿜(x :number) :void {
  return x * 6 // 여기서 에러남
}

 

 

4. 근데 파라미터 옵션으로 하고 싶으면..?

파라미터에 타입을 지정할 경우 파라미터가 필수가 된다고 했음. 그렇다면 파라미터를 없을 때도 있으니 그에 대한 대비로 생각한다면 그냥 ? 물음표만 적으면 됨

물음표의 경우 x : number | undefined 라는 의미임!

 

즉, 아래 함수뿜(); 경우 undefined가 됐다는 것

 

function 함수뿜(x? :number) :number {
  return x * 6
}

함수뿜();
함수뿜(6);

---

void 도 정리 끝! 다음 시간에는 ?

 

 

[TypeScript] Narrowing 과 Assertion