"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > TypeScript Curry 함수 최적화: 정적 유형에서 가변 유형으로

TypeScript Curry 함수 최적화: 정적 유형에서 가변 유형으로

2024-08-28에 게시됨
검색:627

Optimizing a TypeScript Curry Function: From Static Types to Variadic Types

커링은 여러 인수가 있는 함수를 각각 단일 인수를 사용하는 일련의 함수로 변환하는 함수형 프로그래밍 기술입니다. 이 접근 방식은 특히 모듈식이며 재사용 가능한 함수를 생성하여 인수를 부분적으로 적용할 수 있도록 하는 데 유용합니다. TypeScript에서 효율적인 카레 함수를 구현하려면 특히 가변 개수의 인수를 처리할 때 신중한 유형 관리가 필요합니다.

이 기사에서는 TypeScript에서 카레 함수를 구현하는 두 가지 방법을 살펴보겠습니다. 첫 번째는 정적 유형의 인터페이스를 사용하는 반면, 두 번째는 가변 유형의 단일 인터페이스를 사용하는 보다 유연한 접근 방식을 채택합니다. 이 두 가지 구현 간의 차이점을 분석하고 보다 최적화된 접근 방식의 장점에 대해 논의하겠습니다.

초기 구현: 정적 유형을 사용한 인터페이스

인터페이스 정의

첫 번째 구현에서는 다양한 수의 인수를 사용하여 카레 함수를 처리하기 위한 일련의 인터페이스를 정의했습니다. 각 인터페이스는 특정 개수의 인수를 갖는 함수에 해당합니다:

interface CurryFunction1 {
    (arg1: T1): R;
}

interface CurryFunction2 {
    (arg1: T1): CurryFunction1;
}

interface CurryFunction3 {
    (arg1: T1): CurryFunction2;
}

interface CurryFunction4 {
    (arg1: T1): CurryFunction3;
}

interface CurryFunction5 {
    (arg1: T1): CurryFunction4;
}

interface CurryFunction6 {
    (arg1: T1): CurryFunction5;
}
카레 함수 구현

curry 함수는 다음 인터페이스를 사용하여 최대 6개의 인수가 있는 함수를 curry하도록 정의됩니다.

function curry(fn: (arg1: T1, arg2: T2) => R): CurryFunction2;
function curry(fn: (arg1: T1, arg2: T2, arg3: T3) => R): CurryFunction3;
function curry(fn: (arg1: T1, arg2: T2, arg3: T3, arg4: T4) => R): CurryFunction4;
function curry(fn: (arg1: T1, arg2: T2, arg3: T3, arg4: T4, arg5: T5) => R): CurryFunction5;
function curry(fn: (arg1: T1, arg2: T2, arg3: T3, arg4: T4, arg5: T5, arg6: T6) => R): CurryFunction6;
function curry(fn: Function) {
    return function curried(...args: any[]) {
        if (args.length >= fn.length) {
            return fn(...args);
        } else {
            return (...args2: any[]) => curried(...args, ...args2);
        }
    };
}
카레 기능 테스트

그런 다음 이 함수는 다양한 수의 인수와 함께 올바르게 작동하는지 테스트됩니다.

function testCurry() {
    const add = (a: number, b: number) => a   b;
    const curriedAdd = curry(add);
    assert(curriedAdd(1)(2) === 3, 'Test curry function with 2 arguments');

    const add3Args = (a: number, b: number, c: number) => a   b   c;
    const curriedAdd3Args = curry(add3Args);
    assert(curriedAdd3Args(1)(2)(3) === 6, 'Test curry function with 3 arguments');
}
구현 분석

이 구현은 TypeScript의 명확하고 일반적인 구현이지만 몇 가지 제한 사항이 있습니다. 특히 가능한 각 인수 수에 대해 여러 인터페이스를 정의해야 하므로 코드가 중복되고 유지 관리가 더 어려워집니다. 또한 6개 이상의 인수를 처리하려면 더 많은 인터페이스를 추가해야 하므로 복잡성이 증가합니다.

최적화된 구현: Variadic 유형의 단일 인터페이스

가변 유형 소개

카레 기능을 최적화하기 위해 가변 유형의 단일 일반 인터페이스를 사용하는 보다 동적인 접근 방식을 채택했습니다. 이 접근 방식을 사용하면 각 사례에 대해 별도의 인터페이스를 정의할 필요 없이 임의 개수의 인수를 처리할 수 있습니다.

Variadic 유형으로 Curry 함수 구현

이 최적화된 버전에서 curry 함수는 TypeScript의 가변 유형을 활용하여 임의 개수의 인수를 처리하는 단일 일반 인터페이스를 사용하여 구현됩니다.

type CurryFunction = T extends [infer A, ...infer Rest]
  ? (arg: A) => CurryFunction
  : R;

function curry(fn: (...args: T) => R): CurryFunction {
  return function curried(...args: unknown[]): unknown {
    if (args.length >= fn.length) {
      return fn(...args as T);
    } else {
      return (...args2: unknown[]) => curried(...([...args, ...args2] as unknown[]));
    }
  } as CurryFunction;
}
최적화된 구현의 이점
  1. 복잡성 감소: 단일 일반 인터페이스 CurryFunction을 사용함으로써 이 구현에서는 가능한 모든 인수 수에 대해 여러 인터페이스를 만들 필요가 없습니다. 이렇게 하면 코드가 더욱 간결해지고 유지 관리가 쉬워집니다.

  2. 임의의 인수 지원: 가변 유형을 활용하면 이 함수가 구현을 수정하지 않고도 인수 개수에 관계없이 함수를 커리할 수 있습니다. 따라서 이 기능은 다양한 시나리오에 더욱 유연하고 적응할 수 있습니다.

  3. 향상된 타이핑: 동적 타이핑을 통해 TypeScript는 인수 유형을 정확하게 추론하여 개발 중에 더 강력한 유형 검사를 제공하고 오류 위험을 줄이고 코드 완성을 향상시킵니다.

최적화된 카레 기능 테스트

이 버전의 카레 기능은 올바르게 작동하는지 테스트되었습니다.

function testCurry() {
    const add = (a: number, b: number) => a   b;
    const curriedAdd = curry(add);
    assert(curriedAdd(1)(2) === 3, 'Test curry function with 2 arguments');

    const add3Args = (a: number, b: number, c: number) => a   b   c;
    const curriedAdd3Args = curry(add3Args);
    assert(curriedAdd3Args(1)(2)(3) === 6, 'Test curry function with 3 arguments');

    const add4Args = (a: number, b: number, c: number, d: number) => a   b   c   d;
    const curriedAdd4Args = curry(add4Args);
    assert(curriedAdd4Args(1)(2)(3)(4) === 10, 'Test curry function with 4 arguments');
}

TypeScript의 카레 함수 최적화는 가변 유형을 채택하여 정적 인터페이스 기반 접근 방식을 어떻게 개선할 수 있는지 보여줍니다. 새로운 구현은 코드 복잡성을 줄일 뿐만 아니라 더 큰 유연성과 더 강력한 유형 검사를 제공합니다. 이 예에서는 TypeScript의 기능을 완전히 활용하여 더욱 깔끔하고, 모듈화되고, 유지 관리 가능한 코드를 만드는 것이 얼마나 중요한지 강조합니다.

여러 인터페이스가 있는 구조에서 단일 일반 인터페이스로 전환하는 것은 고급 TypeScript 개념을 이해하고 적용하여 더욱 우아하고 효율적인 솔루션으로 이어질 수 있는 방법을 보여주는 좋은 예입니다.

릴리스 선언문 이 기사는 https://dev.to/francescoagati/optimizing-a-typescript-curry-function-from-static-types-to-variadic-types-2ma0?1에서 복제됩니다. 침해가 있는 경우, Study_golang에 문의하세요. @163.com 삭제
최신 튜토리얼 더>
  • PHP 디자인 패턴: 어댑터
    PHP 디자인 패턴: 어댑터
    어댑터 디자인 패턴은 호환되지 않는 인터페이스를 가진 개체가 함께 작동할 수 있도록 하는 구조적 패턴입니다. 두 개체 사이의 중개자(또는 어댑터) 역할을 하여 한 개체의 인터페이스를 다른 개체가 예상하는 인터페이스로 변환합니다. 이를 통해 원래 코드를 수정하지 않고도 ...
    프로그램 작성 2024-11-06에 게시됨
  • PHP의 WebSocket 이해
    PHP의 WebSocket 이해
    WebSocket은 단일 TCP 연결을 통해 실시간 전이중 통신 채널을 제공합니다. 클라이언트가 서버에 요청을 보내고 응답을 기다리는 HTTP와 달리 WebSocket은 여러 요청 없이도 클라이언트와 서버 간의 지속적인 통신을 허용합니다. 이는 채팅 애플리케이션, 실시...
    프로그램 작성 2024-11-06에 게시됨
  • Visual Studio 2012에서는 어떤 C++11 기능이 지원됩니까?
    Visual Studio 2012에서는 어떤 C++11 기능이 지원됩니까?
    Visual Studio 2012의 C 11 기능최근 Visual Studio 2012 미리 보기 버전이 출시되면서 많은 개발자들이 C 11 기능 지원에 대해 궁금해하고 있습니다. Visual Studio 2010은 이미 부분적인 C 11 지원을 제공했지만 새 버전에서...
    프로그램 작성 2024-11-06에 게시됨
  • Windows 시작 시 Python 스크립트를 자동으로 실행하려면 어떻게 해야 합니까?
    Windows 시작 시 Python 스크립트를 자동으로 실행하려면 어떻게 해야 합니까?
    Windows 시작 시 Python 스크립트 실행Windows가 시작될 때마다 Python 스크립트를 실행하는 것은 작업을 자동화하거나 필수 프로그램을 시작하는 데 매우 중요합니다. 여러 접근 방식은 다양한 수준의 사용자 정의 및 사용자 제어를 제공합니다.스크립트 실행...
    프로그램 작성 2024-11-06에 게시됨
  • Astral.CSS 탐색: 웹 디자인을 혁신하는 CSS 프레임워크.
    Astral.CSS 탐색: 웹 디자인을 혁신하는 CSS 프레임워크.
    빠르게 변화하는 웹 개발 세계에서 프레임워크는 개발자가 시각적으로 매력적이고 기능적인 웹 사이트를 효율적으로 만드는 데 도움이 되는 중추적인 역할을 합니다. 현재 사용 가능한 다양한 프레임워크 중에서 Astral CSS는 독특한 디자인 철학과 사용 용이성으로 인해 단연...
    프로그램 작성 2024-11-06에 게시됨
  • ESnd Arrow 함수에 대한 종합 가이드
    ESnd Arrow 함수에 대한 종합 가이드
    ES6 소개 ECMAScript 2015(ES6(ECMAScript 6)라고도 함)는 JavaScript에 대한 중요한 업데이트로, 코딩을 더욱 효율적이고 관리하기 쉽게 만드는 새로운 구문과 기능을 도입합니다. JavaScript는 웹 개발에 사용되는 ...
    프로그램 작성 2024-11-06에 게시됨
  • 알고리즘 및 데이터 구조 탐색: 효율적인 프로그래밍의 기초
    알고리즘 및 데이터 구조 탐색: 효율적인 프로그래밍의 기초
    이번 게시물 시리즈에서는 학술 환경과 대규모 기술 회사에서 널리 논의되는 두 가지 주제인 알고리즘과 데이터 구조에 대한 학습 여정을 공유하겠습니다. 이러한 주제는 언뜻 보기에 어려운 것처럼 보일 수 있지만, 특히 다른 직업적 어려움으로 인해 경력 전반에 걸쳐 해당 주제...
    프로그램 작성 2024-11-06에 게시됨
  • Go 프로그램의 고루틴 수를 프로파일링하기 위해 pprof를 어떻게 사용합니까?
    Go 프로그램의 고루틴 수를 프로파일링하기 위해 pprof를 어떻게 사용합니까?
    pprof를 사용하여 고루틴 수 프로파일링Go 프로그램에서 잠재적인 고루틴 누출을 감지하려면 시간이 지남에 따라 활성화된 고루틴 수를 모니터링해야 합니다. 표준 go 도구 pprof 명령은 차단에 대한 통찰력을 제공하지만 고루틴 수를 직접적으로 다루지는 않습니다.고루틴...
    프로그램 작성 2024-11-06에 게시됨
  • 클래스 메서드를 콜백으로 전달하는 방법: 메커니즘 및 기술 이해
    클래스 메서드를 콜백으로 전달하는 방법: 메커니즘 및 기술 이해
    클래스 메서드를 콜백으로 전달하는 방법배경일부 시나리오에서는 효율적인 작업을 위해 클래스 메서드를 다른 함수에 대한 콜백으로 전달해야 할 수도 있습니다. 특정 작업의 실행. 이 문서에서는 이를 달성하기 위한 다양한 메커니즘을 안내합니다.호출 가능 구문 사용함수를 콜백으...
    프로그램 작성 2024-11-06에 게시됨
  • 웹 스크래핑 - 흥미롭네요!
    웹 스크래핑 - 흥미롭네요!
    멋진 용어: CRON = 지정된 간격으로 작업을 자동으로 예약하는 프로그래밍 기술 웹 뭐? 프로젝트 등을 조사할 때 일반적으로 일기, 엑셀, 문서 등 다양한 사이트에서 정보를 작성합니다. 우리는 웹을 스크래핑하고 수동으로 데이터를 추출하고 있습니다. 웹...
    프로그램 작성 2024-11-06에 게시됨
  • 사용후기 그리드 섹션
    사용후기 그리드 섹션
    ? CSS 그리드를 배우면서 이 추천글 그리드 섹션 구축을 완료했습니다! ? 그리드는 구조화된 레이아웃을 만드는 데 적합합니다. ? 라이브 데모: https://courageous-chebakia-b55f43.netlify.app/ ? GitHub: https://gi...
    프로그램 작성 2024-11-06에 게시됨
  • REGISTER_GLOBALS가 PHP의 주요 보안 위험으로 간주되는 이유는 무엇입니까?
    REGISTER_GLOBALS가 PHP의 주요 보안 위험으로 간주되는 이유는 무엇입니까?
    REGISTER_GLOBALS의 위험REGISTER_GLOBALS는 모든 GET 및 POST 변수를 PHP 스크립트 내에서 전역 변수로 사용할 수 있도록 하는 PHP 설정입니다. 이 기능은 편리해 보일 수 있지만 잠재적인 보안 취약성 및 코딩 관행으로 인해 사용을 권장...
    프로그램 작성 2024-11-06에 게시됨
  • Nodemailer 개요: Node.js에서 간편한 이메일 보내기
    Nodemailer 개요: Node.js에서 간편한 이메일 보내기
    Nodemailer는 이메일 전송을 위한 Node.js 모듈입니다. 간략한 개요는 다음과 같습니다. Transporter: 이메일 전송 방법을 정의합니다(Gmail, 사용자 정의 SMTP 등을 통해). const transporter = nodemailer.cre...
    프로그램 작성 2024-11-06에 게시됨
  • JavaScript의 간편한 오류 처리: 안전 할당 연산자가 코드를 단순화하는 방법
    JavaScript의 간편한 오류 처리: 안전 할당 연산자가 코드를 단순화하는 방법
    JavaScript의 오류 처리는 지저분할 수 있습니다. try/catch 문으로 큰 코드 블록을 래핑하는 것은 효과적이지만 프로젝트가 커짐에 따라 디버깅은 악몽이 됩니다. 다행히 더 좋은 방법이 있습니다. 안전 할당 연산자(?=)를 입력하세요. 오류를 처리하는 보다 ...
    프로그램 작성 2024-11-06에 게시됨
  • Javascript는 어렵습니다(ESadness 포함).
    Javascript는 어렵습니다(ESadness 포함).
    읽기에는 길겠지만 다시 한 번 말씀드리겠습니다. JAVASCRIPT는 어렵습니다. 마지막으로 만났을 때 저는 밝은 눈을 가진 희망에 찬 코더가 "얼마나 힘들 수 있니?"라고 말하면서 야생 정글에 들어서면서 자바스크립트의 세계로 들어서고 있었습니다. ...
    프로그램 작성 2024-11-06에 게시됨

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3