JavaScript의 고차 함수 이해

JavaScript 함수가 얼마나 유연한지, 이를 사용하여 유연하고 재사용 가능한 코드를 만드는 방법을 알아보세요.

JavaScript는 대부분의 최신 브라우저에서 지원되는 강력한 언어이며 초보자에게 탁월한 선택입니다.

다른 많은 최신 프로그래밍 언어와 마찬가지로 JavaScript는 코드 블록을 분리하여 다른 곳에서 재사용할 수 있는 기능을 지원합니다. 할당 함수를 변수에 사용하고 다른 값처럼 매개변수로 전달할 수도 있습니다.

고차 함수에 대한 가장 간단한 정의는 다른 함수를 매개변수로 받아들이거나 반환함으로써 다른 함수에 대한 작업을 수행하는 함수입니다. 고차 함수는 함수형 프로그래밍 패러다임에서 많이 사용됩니다. JavaScript를 이제 막 시작했다면 고차 함수를 이해하기가 약간 어려울 수 있습니다.

다음 예를 고려하십시오.

위의 코드 블록에서변환함수는 다음을 취하는 고차 함수입니다.fn함수를 매개변수로 사용하고 다음을 받아들이는 익명 함수를 반환합니다.정렬매개변수로.

목적변환 함수는 배열의 요소를 수정하는 것입니다. 먼저 코드는 변수를 정의합니다.결과 배열빈 배열에 바인딩합니다.

그만큼변환함수는 각 요소를 반복하는 익명 함수를 반환합니다.정렬, 그런 다음 요소를fn계산을 위한 함수를 실행하고 결과를결과 배열 . 루프가 완료된 후 익명 함수는 다음을 반환합니다.결과 배열.

위의 코드 블록은변환상수 변수에 대한 함수기능1.fn의 제품을 반환합니다엑스이를 대체하는 것은배열[i].

코드는 또한 배열을 매개변수로 전달합니다.기능1 그런 다음 결과를 콘솔에 기록합니다. 이를 더 짧게 작성하는 방법은 다음과 같습니다.

JavaScript에는 기본적으로 다음과 같은 작업을 수행하는 고차 함수가 내장되어 있습니다.변환이에 대해서는 나중에 다루겠습니다.

여러분이 JavaScript의 고차 함수가 어떻게 작동하는지 이해하기 시작하셨기를 바랍니다. 다음 함수를 보고 그것이 무엇을 하는지 짐작할 수 있는지 확인해 보세요.

이 코드 블록은 의심할 수 있는 작업을 수행하는 함수를 정의합니다. 즉, 특정 조건을 충족하는 배열의 요소를 확인하고 이를 다음과 같이 변환합니다.변환() 기능. 이 기능을 사용하려면 다음과 같이 하세요.

와 달리변환기능,필터 및 변환함수는 두 가지 함수를 매개변수로 사용합니다.fn그리고상태 . 그만큼상태 함수는 전달된 매개변수가 짝수인지 확인하고 true를 반환합니다. 그렇지 않으면 false를 반환합니다.

만약에상태true(조건이 충족됨)로 확인된 경우에만변환 함수가 호출되었습니다. 이 논리는 배열로 작업하고 특정 요소를 변환하려는 경우 유용할 수 있습니다. 브라우저 콘솔에서 이 코드를 실행하면 다음과 같은 응답을 받아야 합니다.

특정 조건을 만족하는 요소들만 변환하고, 조건을 만족하지 않는 요소들은 그대로 남겨두는 함수임을 알 수 있습니다.

map()과 같은 배열 메서드는 배열을 더 쉽게 조작할 수 있게 해주는 고차 함수입니다. 작동 방식은 다음과 같습니다.

로그인할 때변형된 배열브라우저 콘솔에서 동일한 결과를 얻어야 합니다.변환앞서 언급한 기능:

배열.맵() 두 개의 매개변수를 취하는데, 첫 번째 매개변수는 요소 자체를 참조하고, 두 번째 매개변수는 요소의 인덱스(배열에서의 위치)를 참조합니다. 그냥