2026년 상식닷컴 선정 식당 & 카페 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요

타입스크립트에서 함수의 기본 매개변수의 타입은 어떻게 정의하나요?

_____
Q: 타입스크립트에서 함수의 기본 매개변수 기본값과 함께 타입은 어떻게 정의하나요?

A: 타입스크립트에서 함수 매개변수에 기본값(default parameter)을 지정하면, 해당 매개변수의 타입은 기본값의 타입으로 추론됩니다. 그러나 명시적으로 타입을 지정하고 싶을 때는 다음과 같이 작성할 수 있습니다.

```typescript
function 함수이름(매개변수명: 타입 = 기본값): 반환타입 {
// 함수 본문
}
```

예시를 통해 자세히 설명하면:

```typescript
function greet(name: string = "Guest"): string {
return `Hello, ${name}!`;
}

greet(); // "Hello, Guest!"
greet("Alice"); // "Hello, Alice!"
```
여기서 `name: string = "Guest"`는 `name` 매개변수가 string 타입이며 기본값이 `"Guest"`임을 의미합니다.

---

요점 정리:
- 기본값을 지정하면 해당 변수 타입을 유추하지만 명시하는 것이 명확함.
- 문법: `매개변수명: 타입 = 기본값`
- 매개변수가 기본값을 가지면 함수 호출 시 생략 가능.
- 반환 타입도 함께 명시하는 것이 좋음.

---

추가 참고:
기본값이 할당된 매개변수는 호출 시 생략 가능하며, 타입스크립트는 기본적으로 `undefined`가 아닌 기본값의 타입으로 간주하므로 옵셔널(`?`) 표기와는 다릅니다.

```typescript
function example(x?: number) {} // 매개변수 생략 가능, x는 number | undefined
function exampleWithDefault(x: number = 10) {} // 매개변수 생략 가능, x는 number
```

기본값은 타입 안정성과 가독성을 높이는 좋은 방법입니다.
타입스크립트(TypeScript)에서 함수의 기본 매개변수(default parameter)의 타입을 정의하는 것은 매우 간단하면서도 유용한 기능입니다.

기본 매개변수는 함수가 호출될 때 인자가 제공되지 않을 경우 사용할 기본 값을 지정할 수 있게 해줍니다.

이를 통해 코드의 가독성을 높이고, 함수 사용 시 발생할 수 있는 오류를 줄일 수 있습니다.

기본 매개변수 정의하기 기본 매개변수는 함수의 매개변수 목록에서 변수에 기본 값을 할당함으로써 정의됩니다.

타입스크립트에서는 기본 매개변수의 타입을 명시적으로 지정할 수 있습니다.

기본 매개변수는 다음과 같은 형식으로 정의됩니다: ```typescript function greet(name: string = "Guest"): string { return `Hello, ${name}!`; } ``` 위의 예제에서 `greet` 함수는 `name`이라는 매개변수를 가지고 있으며, 이 매개변수의 기본값은 `"Guest"`로 설정되어 있습니다.

만약 함수가 호출될 때 `name` 인자가 제공되지 않으면, 기본값인 `"Guest"`가 사용됩니다.

기본 매개변수의 타입 지정 타입스크립트에서는 기본 매개변수의 타입을 명시적으로 지정할 수 있습니다.

이는 코드의 명확성을 높이고, 타입 안전성을 보장하는 데 도움이 됩니다.

기본 매개변수의 타입을 지정하는 방법은 다음과 같습니다: ```typescript function add(a: number, b: number = 0): number { return a + b; } ``` 위의 예제에서 `add` 함수는 두 개의 매개변수 `a`와 `b`를 가지고 있으며, `b`의 기본값은 `0`으로 설정되어 있습니다.

`b`의 타입은 `number`로 명시되어 있기 때문에, 함수가 호출될 때 `b`가 제공되지 않으면 기본값인 `0`이 사용됩니다.

기본 매개변수와 선택적 매개변수 기본 매개변수는 선택적 매개변수(optional parameter)와 유사하지만, 그 차이점은 선택적 매개변수는 `undefined`를 허용하는 반면, 기본 매개변수는 항상 기본값을 가집니다.

선택적 매개변수는 다음과 같이 정의됩니다: ```typescript function log(message: string, level?: string): void { const logLevel = level || "INFO"; console.log(`[${logLevel}] ${message}`); } ``` 위의 예제에서 `level` 매개변수는 선택적이며, 제공되지 않을 경우 `undefined`가 됩니다.

이 경우 `logLevel`은 `level`이 `undefined`일 때 `"INFO"`로 설정됩니다.

기본 매개변수의 활용 기본 매개변수는 다양한 상황에서 유용하게 사용될 수 있습니다.

예를 들어, API 호출 시 기본 URL을 설정하거나, 사용자 설정을 위한 기본 값을 제공하는 등의 용도로 활용할 수 있습니다.

다음은 기본 매개변수를 활용한 예제입니다: ```typescript function fetchData(url: string, method: string = "GET"): void { console.log(`Fetching data from ${url} with method ${method}`); } // 기본값을 사용한 호출 fetchData("https://api.example.com/data"); // 명시적으로 메서드를 지정한 호출 fetchData("https://api.example.com/data", "POST"); ``` 위의 예제에서 `fetchData` 함수는 `url`과 `method` 매개변수를 가지고 있으며, `method`의 기본값은 `"GET"`입니다.

첫 번째 호출에서는 기본값이 사용되고, 두 번째 호출에서는 명시적으로 `"POST"`가 전달됩니다.

결론 타입스크립트에서 기본 매개변수의 타입을 정의하는 것은 함수의 유연성과 가독성을 높이는 데 중요한 역할을 합니다.

기본 매개변수를 적절히 사용하면 함수의 호출 방식이 간단해지고, 코드의 유지보수성이 향상됩니다.

기본 매개변수와 선택적 매개변수의 차이를 이해하고, 상황에 맞게 적절히 활용하는 것이 중요합니다.

이를 통해 더욱 안전하고 효율적인 타입스크립트 코드를 작성할 수 있습니다.

작성자: 박채린 [비회원] | 작성일자: 1년 전 2024-09-10 05:32:15
조회수: 162 | 댓글: 0 | 좋아요: 0 | 싫어요: 0
내용이 부정확하다면 싫어요를 클릭해주세요.