[TypeScript] rest 파라미터와 Destructring 문법에 타입 지정

2022. 6. 14. 16:55·TypeScript/기초
반응형

rest 파라미터에 타입지정 

여러 개의 파라미터를 받기 위해서 사용하는 rest 파라미터에도 역시 타입을 지정할 수 있다. 

function addAll(...num : number[]){
	console.log(num);
}

addAll(1,2,3,4,5);

rest 파라미터는 항상 [] 안에 담겨오기 때문에 타입 지정도 array처럼 해주면 된다. 

 

Destructuring 문법에 타입 지정

마찬가지로 객체의 값을 쉽게 뺄 수 있게 해주는 Destructuring 문법도 타입을 지정할 수 있다.

let person = { name : "abc", age: 13 }

function consoleData({ name, age} :{name : string, age : number}){
    console.log(name, age);
}

consoleData(person);

object가 들어가 있으니 당연히 object처럼 타입을 지정하면 된다. 

너무 길어져서 가독성이 안좋다고 생각된다면 type alias를 사용하면 깔끔하게 나타낼 수 있다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'TypeScript > 기초' 카테고리의 다른 글

[TypeScript] never 타입  (1) 2022.07.06
[TypeScript] Narrowing 할 수 있는 방법  (1) 2022.06.23
[TypeScript] interface  (0) 2022.06.12
[TypeScript] class 만들 때 타입 지정  (0) 2022.06.10
[TypeScript] HTML 조작 및 주의점  (1) 2022.05.27
'TypeScript/기초' 카테고리의 다른 글
  • [TypeScript] never 타입
  • [TypeScript] Narrowing 할 수 있는 방법
  • [TypeScript] interface
  • [TypeScript] class 만들 때 타입 지정
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    next.js
    ReactNative
    영어회화
    CCNA
    typescript
    다이소
    자바스크립트
    Babel
    webpack
    리얼클래스
    Node.js
    리액트
    바질
    CSS
    바질 키우기
    네트워크
    Docker
    javascript
    타일러영어
    네이버 부스트캠프
    리얼학습일기
    영어독학
    프로그래머스
    redux
    react
    ChatGPT
    덤프
    알고리즘
    식물
    타입스크립트
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[TypeScript] rest 파라미터와 Destructring 문법에 타입 지정
상단으로

티스토리툴바