TypeScript:
코드를 함수로 구성하기

방법:

기본 계산기를 만든다고 상상해 보세요. 필요할 때마다 덧셈 로직을 계속 작성하는 대신 add 함수를 만듭니다:

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

console.log(add(5, 7)); // 예제 출력: 12

이제, 우리가 곱하기 기능을 하는 함수가 필요하다고 가정해 봅시다:

function multiply(x: number, y: number): number {
  return x * y;
}

console.log(multiply(3, 4)); // 예제 출력: 12

함수 당 하나의 작업에 집중하는 것을 어떻게 보셨나요? 그것이 바로 코드를 구성하는 핵심입니다.

깊이 있게

역사적으로, 프로그래밍 언어가 발전함에 따라, 함수는 코드 구조를 그리는 데 있어서 수학적 함수에서 가져온 핵심이 되었습니다. 그것들은 절차적 프로그래밍에서 필수적이며 객체 지향 및 함수형 프로그래밍 패러다임에서도 살아남았습니다.

대안들? 함수를 사용하지 않을 수도 있지만, 그것은 스파게티 타운으로 가는 일방통행 입니다. 또는 OOP(객체 지향 프로그래밍)을 선택하여 기능을 메소드에 패키징할 수 있습니다 - 이것은 기본적으로 객체에 속하는 함수입니다.

구현 측면에서, TypeScript는 타입에 주목합니다. 함수의 입력 및 출력 타입을 정의하는 것은 좋은 매너일 뿐만 아니라 깨끗한 TypeScript 코드를 위한 필수입니다. 게다가, TypeScript를 사용하면 오버로드, 제네릭, 선택적 매개변수와 같은 멋진 기능을 사용하여 함수를 강화할 수 있습니다.

또한 보기

함수 게임을 한 단계 끌어올리기 위한 이러한 자료들을 확인하세요:

• TypeScript 핸드북 – 함수: TypeScript 함수에 대한 당신의 성경입니다.
• 깨끗한 코드 자바스크립트: 자바스크립트 함수에 깨끗한 코드 원칙을 적용하세요.
• 당신이 모르는 JS - 스코프 & 클로져: 자바스크립트에서 함수가 스코프와 클로져와 어떻게 작동하는지 파악해보세요.