<aside> ☝ 목차

</aside>

1. 함수의 선언과 호출

• 매개변수와 반환 값에 타입 지정 가능
• 기본 함수 선언

function greet(name: string): string {
  return `Hello, ${name}`;
}

• 화살표 함수: 타입 속성으로 명시하여 첨부

type ArrowGreetType = (name: string) => string;
const arrowGreet: ArrowGreetType = (name) => `Hello ${name}`;
console.log(arrowGreet('테드'));
console.log(arrowGreet(1)); // - Error
// 'number' 형식의 인수는 'string' 형식의 매개 변수에 할당될 수 없습니다.

2. 선택적 매개변수와 기본 매개변수

• 선택적 매개변수
  • 함수 호출 시 생략 가능, 매개변수를 선택적으로 허용
  • 변수명 뒤에 ? 작성
• 기본 매개변수
  • 매개변수에 기본값을 할당
  • 선택적 매개변수로 매개변수가 전달되지 않은 경우 해당 기본값을 할당
  • 매개변수명 = '기본값'

function select(name?: string, greeting: string = 'hi') {
  if (name) {
    console.log(`${greeting}, ${name}`);
  } else {
    console.log(`${greeting}, guest`);
  }
}

// name 생략, greeting 기본값 설정
select(); // hi, guest

// 인자를 1개 전달하는 경우: name의 값으로 지정
select('hello'); // hi, hello
select('테드'); // hi, 테드

// name은 '테드', greeting은 'hello'로 지정
select('테드', 'hello'); // hello, 테드

2-1) 선택적 매개변수와 기본 매개변수의 차이

• 두가지 모두 함수 호출 시 생략 가능
• 선택적 매개변수는 생략된 경우: undefined로 처리
• 기본 매개변수는 생략된 경우: 지정된 기본 값을 사용

2-2) 주의사항

1. 선택적 매개변수는 반드시 필수 매개변수 뒤에 작성
2. 기본 매개변수는 필수 매개변수와 선택적 매개변수 양쪽에 작성 가능