728x90
파라미터, 반환 값
//함수의 파라미터에 타입을 정의하는 방식
/*
function sum(a: number, b: number) { // a, b 두개의 number 타입을 인자로 받아 number 타입을 리턴한다
//숫자들 끼리 더하기 떄문에 반환 값은 반드시 number 타입으로 타입 추론을 한다
return a + b;
}
sum(10, 20)
*/
//함수의 반환 값에 타입을 정의하는 방식
function add(): number {
return 10
}
//함수에 타입을 정의하는 방식(종합)
function sum(a: number, b: number): number {
return a + b
}
- 함수의 파라미터 타입을 정의하는 방식으로는 파라미터 뒤에 타입이 오면 된다.
- 정수 + 정수는 반드시 정수이기 때문에 정수를 반환하는 타입 추론을 하게 된다.
- 함수의 반환 값에 타입을 정의하는 방식으로 함수의 메서드 명 뒤에 반환 타입을 적어주면 된다.
파라미터를 제한하는 특성
JavaScript
function sum(a, b) {
return a + b
}
sum(10, 20, 30, 40, 50) //함수에 정의되어 있지 않는 파라미터를 넣어주어도 오류가 발생하지 않는다
- 함수에 정의되어 있지 않는 파라미터를 적어도 오류가 발생하지는 않는다
TypeScript
function sum(a: number, b: number): number {
return a + b
}
//sum(10, 20, 30, 40); //오류가 난다 -> 2개의 인자만 필요한데 4개가 들어갔다
- 타입 스크립트는 명확하게 파라미터로 적어준 타입에 한해서만 사용할 수 있다
옵셔널 파라미터
//함수의 옵셔널 파라미터
function log(a: string, b?: string, c?: string) { //항상 많은 파라미터를 받고 싶지 않을 수도 있다.
}
log('hello world')
log('hello ts', 'abc') // ? 연산자가 붙은 파라미터 같은 경우 필수적으로 올 필요가 없다 -> 함수의 옵셔널 파라미터
- 파라미터 뒤에 ? 연산자를 붙이게 되면, 해당 파라미터는 필수적으로 올 필요가 없다
728x90
'타입스크립트 > 타입스크립트 기초 - 변수와 함수 타입 정의하기' 카테고리의 다른 글
| 기본 타입 (0) | 2022.10.04 |
|---|