타입스크립트 기본값 매개변수 예제

-

function 함수이름(매개변수: 타입 = 기본값) {
  // 실행 코드
}

-

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

console.log(greet("Alice")); // Hello, Alice
console.log(greet());        // Hello, Guest

-

function getPosts(page: number = 1) {
  return `현재 페이지: ${page}`;
}

console.log(getPosts());  // 현재 페이지: 1
console.log(getPosts(3)); // 현재 페이지: 3

-

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

-

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

-

function sayHello(name: string = "Guest") {
  return `안녕하세요, ${name}님`;
}

console.log(sayHello("민수")); // 안녕하세요, 민수님
console.log(sayHello());      // 안녕하세요, Guest님

-

function calculatePrice(price: number, discountRate: number = 0) {
  return price - price * discountRate;
}

console.log(calculatePrice(10000, 0.1)); // 9000
console.log(calculatePrice(10000));      // 10000

-

function createUser(name: string, isAdmin: boolean = false) {
  return {
    name,
    isAdmin,
  };
}

console.log(createUser("Alice"));
// { name: "Alice", isAdmin: false }

console.log(createUser("Bob", true));
// { name: "Bob", isAdmin: true }

-

function printTags(tags: string[] = []) {
  return tags.join(", ");
}

console.log(printTags(["TypeScript", "React"])); // TypeScript, React
console.log(printTags());                        // 빈 문자열

-

type UserOptions = {
  theme: string;
  language: string;
};

function setOptions(
  options: UserOptions = { theme: "light", language: "ko" }
) {
  return options;
}

console.log(setOptions());
// { theme: "light", language: "ko" }

console.log(setOptions({ theme: "dark", language: "en" }));
// { theme: "dark", language: "en" }

-