자바스크립트의 고차함수란?-JS 튜토리얼-php.cn

자바스크립트의 고차함수란?

Patricia Arquette

풀어 주다： 2024-10-22 06:21:31

원래의

1070명이 탐색했습니다.

What is higher-order function in Javascript

고차함수란 무엇인가요?

고차 함수는 다음 중 하나에 해당하는 함수입니다.

하나 이상의 함수를 인수로 사용
결과로 함수를 반환합니다

함수형 프로그래밍의 기초 중 하나입니다.

JS의 고차 함수 예:

//map() and reduce()
let nums = [1, 2, 3, 4]
let addOne = nums.map((i) => i+1) // [2,3,4,5]
let combined = nums.reduce((res, cur) => res+=cur, 0) // 10

로그인 후 복사

고차 함수를 사용하는 이유는 무엇입니까?

반복 패턴(추상화) 단순화 및 재사용성

숫자 목록을 사용하여 작업 중이고 다양한 작업(예: 두 배로 늘리기, 제곱하기, 상수 추가하기)을 수행해야 한다고 상상해 보세요. 유사한 루프를 여러 개 작성하는 대신 고차 함수를 사용하여 동작을 추상화할 수 있습니다.

//normal version
let numbers = [1, 2, 3, 4]; 

const squares = (nums) => {
    let result = [];
    for(let i of nums) {
        result.push(i*i);
    }
    return result;
}

const addThree = (nums) => {
    let result = [];
    for(let i of nums) {
        result.push(i+3);
    }
    return result;
}
squares(numbers) // [1,4,9,16]
addThree(numbers) // [4,5,6,7]

로그인 후 복사

//higher-order function version
let numbers = [1, 2, 3, 4]; 

const applyAll = (func, nums) => {
    let result = [];
    for(let i of nums) {
        result.push(func(i));
    }
    return result;
}

applyAll((i) => i*i, numbers) // [1,4,9,16]
applyAll((i) => i+3, numbers) // [4,5,6,7]

로그인 후 복사

하나의 일반 고차 함수applyAll을 사용하면 여러 작업을 처리하고 반복적인 코드를 피할 수 있습니다.

작은 함수로 복잡한 로직 구축(합성성)

작은 함수를 구성하면 더 복잡한 동작을 구축할 수 있습니다. 예를 들어, 먼저 숫자 목록을 필터링하여 짝수만 가져온 다음 두 배로 늘리고 모두 합치려는 경우 고차 함수를 연결할 수 있습니다.

//you can chain filter -> map -> reduce
let numbers = [1, 2, 3, 4];
let result = numbers
    .filter(i => i%2===0)
    .map(i => i*2)
    .reduce((res, cur) => res+=cur, 0); // 12

로그인 후 복사

각 단계(필터링, 매핑, 축소)는 고차 함수로 처리되므로 프로세스가 더욱 모듈화되고, 유지 관리가 더 쉬워지며, 개별적으로 테스트가 가능해집니다.

그렇습니다! 여기까지 읽어주셔서 감사합니다. 다음 시간까지!

위 내용은 자바스크립트의 고차함수란?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!