> 웹 프론트엔드 > JS 튜토리얼 > Javascript 필수 사항: 고차 함수, 커링 및 부분 적용

Javascript 필수 사항: 고차 함수, 커링 및 부분 적용

Mary-Kate Olsen
풀어 주다: 2024-11-03 11:49:29
원래의
792명이 탐색했습니다.

Javascript Essentials : Higher-Order Functions, Currying, and Partial Application

JavaScript 필수 101: 고차 함수, 커링 및 부분 적용

소개

모든 개발자가 알아야 할 JavaScript 핵심 기본 사항을 알아보기 위해 제작된 시리즈인 JavaScript Essentials 101에 오신 것을 환영합니다. 우리는 유행하는 기능이 아닌 기본 개념, 즉 처음부터 JavaScript의 일부였으며 깔끔하고 효과적인 코드를 작성하는 데 필수적인 기술과 구조에 초점을 맞추고 있습니다. 이러한 개념이 고급스럽게 들리더라도 문제 해결 능력을 향상시키고 인터뷰 성과를 향상시키며 코드 유지 관리를 단순화하는 도구인 JavaScript의 핵심 DNA의 일부라고 생각하십시오.

이것이 중요한 이유

고차 함수, 커링 또는 부분 적용을 들어본 적이 없으실 수도 있지만 이러한 기능은 보다 효율적이고 재사용이 가능하도록 하는 필수 개념입니다. 및 확장 가능한 코드. 데이터 변환 작업, 함수 호출 최적화 또는 복잡한 논리 처리 등 어떤 작업을 하든 이러한 도구는 JavaScript의 기능적 측면을 이해하는 데 핵심입니다.

이 기술이 얼마나 실용적이고 강력한지 보여주는 예를 통해 이러한 기술을 자세히 살펴보겠습니다.


고차 함수

고차 함수다른 함수를 인수로 받거나 함수를 결과로 반환하는 함수입니다. 이는 함수형 프로그래밍 기술을 활성화하여 데이터 조작을 더욱 깔끔하고 직관적으로 만들어 주기 때문에 JavaScript에 필수적입니다.

: 간결한 구문으로 배열을 변환하는 세 가지 고차 함수인 맵, 필터, 축소를 살펴보겠습니다.

const numbers = [1, 2, 3, 4, 5];

// Using map to double each number
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

// Using filter to get even numbers
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4]

// Using reduce to sum up all numbers
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 15
로그인 후 복사
로그인 후 복사

카레링

Currying은 여러 인수가 있는 함수를 각각 단일 인수를 사용하는 일련의 함수로 변환합니다. 복잡한 작업을 관리 가능한 부분으로 분할하여 기능을 더욱 재사용할 수 있게 만드는 강력한 기능입니다.

: 카레 추가 기능은 다음과 같습니다.

const add = a => b => a + b;
const addFive = add(5);

console.log(addFive(3)); // 8
console.log(addFive(10)); // 15
로그인 후 복사

curring을 사용하여 add에서 재사용 가능한 addFive 함수를 만듭니다. 이 모듈식 접근 방식을 사용하면 특정 계산이 필요한 코드의 어느 곳에서나 addFive를 사용할 수 있습니다.

부분 적용

부분 적용은 카레와 비슷하지만 함수 인수 중 일부를 미리 채우고 나머지는 동적으로 유지할 수 있습니다. 이는 고정된 매개변수를 사용하는 반복 작업에 획기적인 변화를 가져올 수 있습니다.

: 다양한 가격에 20% 세율을 적용해 보겠습니다.

const numbers = [1, 2, 3, 4, 5];

// Using map to double each number
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

// Using filter to get even numbers
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4]

// Using reduce to sum up all numbers
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 15
로그인 후 복사
로그인 후 복사

여기서 applyVAT를 사용하면 고정 세율로 가격을 신속하게 계산하여 코드를 간결하고 읽기 쉽게 유지할 수 있습니다.


결론

이러한 "고급" 기능은 생소해 보일 수도 있지만 JavaScript의 기능을 익히는 데 필수적인 도구입니다. 고차 함수, 커링 및 부분 적용을 이해함으로써 더 쉽게 테스트하고 유지 관리할 수 있는 더 깔끔하고 효율적인 코드를 작성할 수 있습니다. 다음 장에서는 이러한 개념을 계속해서 구축하여 점차적으로 JavaScript의 잠재력을 최대한 활용해 보겠습니다. 계속 노력하세요. 개발자로서 기술과 자신감을 높일 수 있는 기반에 투자하고 있는 것입니다.

위 내용은 Javascript 필수 사항: 고차 함수, 커링 및 부분 적용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿