728x90
반응형
오늘은 TypeScript를 이용하여 기본적으로 함수를 선언하고 사용하는 방법에 대해 알아보도록 하겠습니다. 기본에 javascript로 함수를 만들어 본 경험이 있다면 크게 어렵지는 않을 것입니다. ㅎㅎ
function add(a, b){//자바스크립트 선언 방식
return a+b;
}
function add(a: number, b:number) :number{//타입스크립트 방식
return a+b;
}
위의 2함수를 비교해보면 알 수 있듯이, 매개변수와 함수의 반환 값에 타입을 설정한 것을 알 수 있습니다. 이렇게 타입스크립트로 함수를 만들 때는 입력되는 값과 출력되는 값에 올바른 타입을 설정해주면 됩니다. 함수의 인자가 2개 선언되었다면 함수를 사용할 때 2개의 변수를 넣어주어야 합니다. 그렇지 않으면 에러가 발생합니다. 이 점이 javascript와 다른 점이기에 이러한 javascript의 특징을 살리고 싶다면 아래와 같이 설정하여 사용하면 됩니다.
function add(a: number, b?:number): number{//?를 사용하여 optional parameter 설정
return a+b;
}
add(10, 20)//30
add(10)//10
Rest를 매개변수로 전달
function sum(a: number, ...nums: number[]): number{//숫자와 숫자 배열을 인자로 받음
for( let key in nums){
console.log(key);
//원하는 내용 입력
}
}
728x90
반응형
'Nestjs' 카테고리의 다른 글
[Nestjs] 3. Controller?? (0) | 2022.03.27 |
---|---|
[Nestjs] 2-3. Typescript와 인터페이스 (0) | 2022.03.26 |
[Nestjs] 2-1. TypeScript와 각종 타입 (0) | 2022.03.26 |
[Nestjs] 2. Nestjs를 배우기 전에... (0) | 2022.03.20 |
[Nestjs] 1-1. Nestjs에 대하여... (0) | 2022.03.20 |