> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 기초 – 순수 함수

JavaScript 기초 – 순수 함수

DDD
풀어 주다: 2025-01-15 18:30:49
원래의
515명이 탐색했습니다.

Les fondamentaux de JavaScript - La fonction pure

첫 번째 알고리즘 구축을 시작하면 유지 관리가 더 쉬운 코드를 작성해야 한다는 욕구와 필요성이 생깁니다. 이것이 바로 순수한 기능이 발휘되는 부분입니다.


소위 "순수한" 기능이란 무엇입니까?

어떤 부작용도 발생하지 않는 기능입니다. 즉, 범위 밖의 어떤 것도 수정하지 않습니다.
예:

  • 전역 변수 수정 불가,
  • 인수로 전달된 객체는 수정되지 않습니다.
  • 사용자 인터페이스에는 변화가 없습니다.
  • 네트워크 통화 등은 불가

더 읽기 쉽고 예측 가능하며(오류 감소) 테스트 및 디버그가 쉽습니다. 동일한 매개변수를 사용하면 동일한 결과가 반환됩니다.


순수 함수의 예

다음 예를 통해 평균을 계산해 보겠습니다.

const calculateAverage = (numbers) => {
  if (numbers.length === 0) return 0

  const totalSum = numbers.reduce((sum, num) => sum + num, 0)
  return totalSum / numbers.length
}


const scores = [80, 90, 75, 85, 95]
const average = calculateAverage(scores)

console.log(average) // 85

로그인 후 복사

하지만 자신도 모르게 원래 문자열을 수정하지 않고 새 대문자 문자열을 반환하는 .toUppercase()와 같은 JavaScript 메소드 덕분에 이미 순수 함수를 사용하고 있을 것입니다.

const text = "hello"

const upperText = text.toUpperCase()

console.log(upperText) // "HELLO"
console.log(text) // "hello" > la chaîne d'origine n'a pas été modifiée
로그인 후 복사



그리고 자,, 순수 함수에 대한 모든 것을 알고 계십니다 :)

위 내용은 JavaScript 기초 – 순수 함수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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