타입스크립트 함수 매개변수 타입 예제

-

function introduce(name: string, age: number) {
  return `${name}은 ${age}살입니다.`;
}

introduce("민수", 25);

-

function add(a: number, b: number) {
  return a + b;
}

add(10, 20);
// add("10", 20); // 오류

-

function greet(name: string) {
  return `안녕하세요, ${name}님`;
}

greet("지연");

-

greet("철수");

// greet(123); // 오류

-

function getTotalPrice(price: number, quantity: number) {
  return price * quantity;
}

getTotalPrice(10000, 3);

-

function setUserStatus(isActive: boolean) {
  if (isActive) {
    return "활성 사용자입니다.";
  }

  return "비활성 사용자입니다.";
}

setUserStatus(true);

-

function getScores(scores: number[]) {
  return scores.reduce((total, score) => total + score, 0);
}

getScores([80, 90, 100]);

-

function printNames(names: string[]) {
  names.forEach((name) => {
    console.log(name);
  });
}

printNames(["민수", "지연", "철수"]);

-

function printUser(user: { name: string; age: number }) {
  return `${user.name}은 ${user.age}살입니다.`;
}

printUser({
  name: "민수",
  age: 30,
});

-

type User = {
  name: string;
  age: number;
  email: string;
};

function printUserInfo(user: User) {
  return `${user.name} / ${user.age} / ${user.email}`;
}

printUserInfo({
  name: "지연",
  age: 28,
  email: "test@example.com",
});

-

function greetUser(name: string, message?: string) {
  if (message) {
    return `${name}님, ${message}`;
  }


  return `${name}님, 안녕하세요.`;
}

greetUser("민수");
greetUser("민수", "오늘도 좋은 하루 보내세요.");

-

function example(name: string, age?: number) {
  return `${name} ${age}`;
}

-

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

createMessage("민수");
createMessage("지연", "반갑습니다");

-

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

-

function printId(id: string | number) {
  return `ID: ${id}`;
}

printId("user-001");
printId(1001);

-

function formatId(id: string | number) {
  if (typeof id === "string") {
    return id.toUpperCase();
  }

  return id.toString();
}

-

function add(a: number, b: number): number {
  return a + b;
}

-

function getUserName(name: string): string {
  return name;
}

-

function logMessage(message: string): void {
  console.log(message);
}

-

const multiply = (a: number, b: number): number => {
  return a * b;
};

multiply(3, 5);

-

const multiply = (a: number, b: number): number => a * b;

-

type Calculator = (a: number, b: number) => number;

const add: Calculator = (a, b) => {
  return a + b;
};

const subtract: Calculator = (a, b) => {
  return a - b;
};

댓글

타입스크립트 기본 타입 종류 | 변수 함수 객체 등에 지정하는 자료형

이미지
타입스크립트( Typescript )의 특징은 변수, 함수, 객체 등에 데이터 타입을 지정하여 오류를 줄이는 역할을 한다. 관대한 자바스크립트( Javascript )의 변수 지정에 데이터 타입을 지정하는 것이 타입스크립트이다. 자바스크립트에서는 변수에 어떤 값이든 자유롭게 넣을 수 있지만, 타입스크립트는 변수, 함수, 객체에 들어갈 값의 종류를 미리 지정할 수 있다. 자바 또는 C# 과 같은 언어들에 데이터 타입을 지정하는 것과 같다고 볼 수 있다. 타입스크립트의 타입에는 여러 종류가 있다. 굳이 나열하면 string, number, boolean, array, object, null, undefined, any, unknown, union, void 가 있다. 타입스크립트 기본 타입 종류 | 변수 함수 객체 등에 지정하는 자료형 ⊙ 타입스크립트 기본 타입 종류 타입스크립트는 자바스크립트에 자료형을 지정한 것이라 볼 수 있으며, 이것을 타입( type )이라 칭한다. 자바스크립트가 자료형에 관대한 특징이 있기 때문에, 의도하지 않은 코드 동작의 오류가 발생할 수 있다. 예를 들어, 자바스크립트의 + 연산자가 대표적인데, + 연산자는 숫자간 덧셈 연산도 하지만, 문자열에 + 가 들어간 경우 문자열 연결 동작을 하기 때문이다. 이 외에도 여러가지 경우들이 있다. 구구절절 말은 많았지만, 자바 또는 C# 처럼 자료형( 데이터 타입, data-type )을 지정한다고 보면 이해가 쉽다. 타입스크립트의 타입 자료형에는 여러가지가 존재하는데 그 중 일부는 다음과 같다. string : 문자열 number : 숫자 boolean : 참/거짓 array : 배열 string[] : 문자열 배열 number[] : 숫자 배열 type : 타입 별칭 interface : 객체 구조 string | number : 문자열 또는 숫자 object : 객체 타입 null : 값이 비어 있음 undefined : 값이 할당되어 있지 않음 any : 아무 타입이나 가능 unknown ...

이 블로그의 인기 게시물

ChatGPT Codex GitHub 연결 해제 방법 (앱 삭제까지 정리)

C언어 return 종류와 차이 | return, return 0, return -1, return n

챗지피티 코덱스와 깃허브 연동 방법 | VSCode 사용하기