Notice
Recent Posts
Recent Comments
«   2026/02   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Link
관리 메뉴

개발블로그

TypeScript 함수 본문

TypeScript

TypeScript 함수

춘식스 2022. 5. 26. 16:00

예시

function sum(x: number, y: number): number {
	return x + y;
}

sum(1, 2);

// (): number 부분이 해당 함수의 결과물이 숫자라는 것을 명시해준다.

Error

function sum(x: number, y: number): number {
  return null;
}

sum(1, 2);

Error


sumArray 함수

function sumArray(numbers: number[]): number {
  return numbers.reduce((acc, current) => acc + current, 0);
}

const total = sumArray([1, 2, 3, 4, 5]);

function returnNothing(): void {
  console.log('I am just saying hello world');
}
  • 함수에서 아무것도 반환하지 않는다면 타입을 void로 설정한다.

this<

interface User {
  name: string;
}

const Sam: User = {name: 'Sam'}

function showName(this: User){ // this가 무엇을 나타내는지 적어줘야한다.
  console.log(this.name);
}

const a6 = showName.bind(Sam);
a6();

// this = bind를 이용해서 Sam객체로 강조하고있다.

함수로드

전달받은 매개변수에 갯수나 타입에 따라 다른 동작을 하게 하는것이다.
interface User {
  name: string;
  age: number;
}

function join(name: string, age: string): string;
function join(name: string, age: number): User;
function join(name: string, age: number | string): User | string {
  if (typeof age === "number") {
    return {
      name,
      age,
    };
  } else {
    return "나이를 숫자로 입력해주세요.";
  }
}

const sam: User = join("Sam", 30);
const jane: string = join("Jane", "30");

'TypeScript' 카테고리의 다른 글

TypeScript - Type Alias  (0) 2022.05.27
TypeScript - Interface  (0) 2022.05.26
TypeScript 기본문법  (0) 2022.05.26
TypeScript 초기설정  (0) 2022.05.24
TypeScript 설명  (0) 2022.05.24
Comments