본문 바로가기
프로그래밍/자바스크립트

프로그래밍 「 자바스크립트 편」JavaScript의 순수 함수 이해하기: 코드 예제가 포함된 가이드

by grapedoukan 2023. 6. 25.
728x90

JavaScript 프로그래밍의 세계에서 순수 함수의 개념은 코드 명확성, 예측 가능성 및 테스트 가능성을 유지하는 데 중요한 역할을 합니다. 순수 함수는 코드 가독성 향상, 디버깅 용이성, 코드 재사용성 향상과 같은 다양한 이점을 제공합니다. 이 기사에서는 순수 함수가 무엇인지, 왜 필수적인지 살펴보고 구현을 설명하는 코드 예제를 제공합니다.

순수 함수란 무엇입니까?

순수 함수는 동일한 입력에 대해 항상 동일한 출력을 생성하고 부작용이 없는 함수입니다. 즉, 입력 매개 변수에만 의존하며 외부 상태나 변수를 수정하지 않습니다. 이 특성은 순수 함수를 예측 가능하고 결정적으로 만들며, 숨겨진 종속성이나 변경 가능한 데이터에 의존하지 않습니다.

순수 함수의 주요 특성:

입력이 출력을 결정함: 순수 함수는 시스템 상태에 관계없이 동일한 입력 집합에 대해 동일한 출력을 생성합니다. 이 속성은 함수의 동작이 전적으로 인수에 의해 결정되도록 합니다.

부작용 없음: 순수 함수는 범위 밖의 변수를 수정하거나, 데이터 구조를 변경하거나, I/O 작업을 수행하지 않습니다. 제공된 입력을 기반으로 한 계산에만 중점을 둡니다.

순수 함수 사용의 이점:

코드 명확성: 순수 함수는 숨겨진 종속성 없이 입력과 출력 사이에 명확한 관계가 있기 때문에 코드를 더 읽기 쉽고 이해하기 쉽게 만듭니다.

테스트 용이성: 순수 기능은 시스템의 나머지 부분과 분리될 수 있으므로 테스트 가능성이 높습니다. 외부 변수의 상태나 시스템 변경에 대한 걱정 없이 단위 테스트를 작성할 수 있습니다.

재사용성: 순수 함수는 독립적이며 다양한 컨텍스트에서 재사용할 수 있습니다. 모듈식 코드를 촉진하고 중복을 줄여 유지 관리가 용이한 애플리케이션으로 이어집니다.

코드 예제:

JavaScript에서 순수 함수의 구현을 보여주기 위해 몇 가지 예를 살펴보겠습니다.

예제 1: 두 개의 숫자 더하기

// Impure function
function impureAdd(a, b) {
  console.log('Performing addition...');
  return a + b;
}

// Pure function
function pureAdd(a, b) {
  return a + b;
}

console.log(impureAdd(2, 3));  // Logs: Performing addition... 5
console.log(pureAdd(2, 3));    // Logs: 5

위의 예에서 메시지를 콘솔에 기록하여 불순하게 만듭니다. 그러나 추가만 수행하고 부작용 없이 결과를 반환합니다.impureAddpureAdd

예제 2: 배열 합계

// Impure function
function impureSumArray(arr) {
  let sum = 0;
  for (let i = 0; i < arr.length; i++) {
    sum += arr[i];
  }
  return sum;
}

// Pure function
function pureSumArray(arr) {
  return arr.reduce((acc, curr) => acc + curr, 0);
}

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

console.log(impureSumArray(numbers));  // Returns: 15
console.log(pureSumArray(numbers));    // Returns: 15

이 예제에서는 루프 내부의 변수를 수정하여 불순하게 만듭니다. 반면에 외부 상태를 수정하지 않는 방법을 사용합니다.impureSumArraysumpureSumArrayreduce

JavaScript의 순수 함수는 코드 명확성, 테스트 용이성 및 재사용성을 포함하여 많은 이점을 제공합니다. 순수 함수는 입력 매개 변수에만 의존하고 부작용을 방지함으로써 예측 가능한 동작을 제공하고 코드를 보다 쉽게 유지 관리할 수 있도록 합니다. 순수 함수를 수용하면 보다 강력하고 안정적인 JavaScript 애플리케이션으로 이어질 수 있습니다. 따라서 순수한 기능을 코딩 관행에 통합하기 위해 노력하고 이점을 직접 목격하십시오!

순수 함수를 사용하면 더 깨끗하고 안정적인 코드를 작성하는 데 한 걸음 더 나아갈 수 있습니다.

 

 

728x90