합리적으로 순수한 기능적 프로그래밍에 대한 소개

키 테이크 아웃

순수 함수는 부작용을 일으키지 않고 동일한 입력에 대해 동일한 출력을 반환하여 예측 가능성과 테스트 가능성을 향상시키기 때문에 기능 프로그래밍에 필수적입니다. 기능 프로그래밍은 프로세스를 더 간단하고 불변의 기능으로 나누어 프로그램 복잡성을 줄여 버그를 최소화하고 코드 가독성을 향상시키는 데 도움이됩니다. 기능 프로그래밍의 과도한 결함은 코드 복잡성을 줄이려면 이해하고 유지하기 어려운 코드로 이어질 수 있으며, 균형의 중요성을 강조합니다. `map ',`reter`,`필터'및`compose '와 같은 필수 자바 스크립트 함수는 기능적 프로그래밍 패러다임을 채택하고보다 간결하고 선언적인 코드의 생성을 용이하게하는 데 중요합니다.

. 분리 된 특성이 더 쉽게 테스트 조건과 예상 결과를 설정할 수 있으므로 순수한 기능으로 테스트가 더욱 간단 해집니다. 기능적 프로그래밍은 이론적 개념 일뿐 만 아니라 비동기 작업 및 UI 업데이트 처리와 같은 실제 시나리오에 적용되어 현대 웹 개발과 관련이 있습니다.

이 기사는 Panayiotis«pvgr»Velisarakos, Jezen Thomas 및 Florian Rappl에 의해 검토 된 동료입니다. Sitepoint 콘텐츠를 최대한 활용 한 Sitepoint의 동료 검토 자 덕분에! 프로그래밍을 배우는 경우 처음으로 절차 프로그래밍에 소개되었습니다. 이곳에서 기계를 순차적 인 명령 목록으로 공급하여 기계를 제어합니다. 변수, 할당, 기능 및 객체와 같은 몇 가지 언어 기본 사항을 이해 한 후에는 당신이 설정 한 일을 달성하는 프로그램을 함께 볼 수 있습니다.
• 더 나은
프로그래머가되는 과정은 쓰기 프로그램을 제어 할 수있는 더 큰 능력을 얻는 것입니다.
• . 더 나은 프로그래머가되면 더 작은 기능을 작성하고 코드를 더 잘 재사용하고 코드 테스트를 작성하면 작성한 프로그램이 의도 한대로 계속 될 것이라는 확신을 갖게됩니다. 코드에서 버그를 찾고 수정하는 사람은 아무도 없으므로 더 나은 프로그래머가되는 것도 오류가 발생하기 쉬운 특정 사항을 피하는 것입니다. 더글러스 크록 포드 (Douglas Crockford)와 같이 경험이 많은 사람들의 조언을 통해 피해야 할 사항을 배우는 것은 JavaScript에서 유명하게 설명합니다. 기능적 프로그래밍은 프로그램을 가장 간단한 형태로 줄임으로써 프로그램의 복잡성을 낮추는 방법을 제공합니다. 순수한 수학적 기능처럼 행동하는 기능. 기능 프로그래밍의 원리를 배우는 것은 기술 세트에 큰 도움이되며 버그가 적은 간단한 프로그램을 작성하는 데 도움이됩니다. 기능 프로그래밍의 주요 개념은 순수한 기능, 불변의 값, 구성 및 길들이기 부작용입니다. 순수 함수

  순수한 함수는 동일한 입력이 주어지면 항상 동일한 출력을 반환하고 관찰 가능한 부작용이없는 함수입니다.

  이 함수는

  Pure

  입니다. 함수 외부의 상태에 의존하거나 변경하지 않으며 항상

  항상

  동일한 입력에 대해 동일한 출력 값을 반환합니다.

  이 함수는 함수 외부의 외부 돌연변이 상태에 의존하기 때문에

  impure

  입니다. 우리가 함수 내부 에서이 변수를 움직이면 순수 해지고 우리의 함수가 .

  <span>// pure
  </span><span>function add(a<span>, b</span>) {
  </span>  <span>return a + b;
  </span><span>}
  </span>

  순수 함수에는

  부작용 가 없습니다. 명심해야 할 몇 가지 중요한 사람들이 있습니다 : 함수 외부의 시스템 상태에 액세스 변이 된 물체는 인수 로 전달되었습니다 http 호출 사용자 입력 혈통 Querying Dom

  통제 된 돌연변이 하부 객체를 변경하는 배열 및 물체의 뮤지터 방법을 알고 있어야합니다. 예를 들어 배열의 스플 라이스와 슬라이스 방법의 차이점입니다.

  <span>// impure
  </span><span>var minimum = 21;
  </span><span>var checkAge = function(age) {
  </span>  <span>return age >= minimum; // if minimum is changed we're cactus
  </span><span>};
  </span>

  우리는 우리의 기능에 전달 된 객체에 대한 돌연변이 방법을 피하면 우리의 프로그램이 추론하기가 더 쉬워지면, 우리는 우리의 기능이 우리 아래에서 물건을 바꾸지 않을 것으로 예상 할 수 있습니다.

  . 순수한 기능의 이점 순수 함수는 임박한 상대방보다 몇 가지 이점이 있습니다. 그들의 유일한 책임으로 더 쉽게 테스트 할 수있는 것은 입력 -> 출력 를 매핑하는 것입니다. 동일한 입력이 항상 동일한 출력을 산출하므로 결과는 캐시 가능합니다. 함수의 종속성으로서 자체 문서화는 명시 적 입니다 부작용에 대해 걱정할 필요가 없으므로 작업하기가 더 쉽습니다. 순수 함수의 결과가 캐시 가능하기 때문에 우리는 이들을 메모화할 수 있습니다. 너무 비싼 작업은 기능을 처음으로 호출 할 때만 수행됩니다. 예를 들어, 대규모 색인 검색 결과를 메모 화하면 다시 실행에 대한 성능이 크게 향상됩니다. 불합리하게 순수한 기능적 프로그래밍 프로그램을 순수한 기능으로 줄이면 프로그램의 복잡성을 크게 줄일 수 있습니다. 그러나 우리의 기능 프로그램은 또한 기능적 추상화를 너무 멀리 밀면 Raine Man의 도움을 이해해야 할 수 있습니다.

  <span>// pure
  </span><span>var checkAge = function(age) {
  </span>  <span>var minimum = 21;
  </span>  <span>return age >= minimum;
  </span><span>};
  </span>

  위의 코드를 소화하려면 잠시 시간을 내십시오 기능 프로그래밍에 대한 배경이 없다면 이러한 추상화 (카레, 과도한 사용 및 소품 사용)는 실행 흐름과 마찬가지로 따라 가기가 정말 어렵습니다. 아래 코드는 이해하고 수정하기가 더 쉽고, 위의 순수한 기능적 접근법보다 프로그램을 훨씬 더 명확하게 설명하고 코드가 적습니다.

  앱 함수는 태그 문자열 를 취합니다 는 flickr 에서 JSON을 가져옵니다 는 urls를 꺼냅니다 는 노드 배열을 빌드합니다 문서에 삽입

또는 Fetch 및 Promise와 같은 추상화를 사용하는이 대안 API는 비동기 동작의 의미를 더욱 명확하게하는 데 도움이됩니다.
• 참고 : Fetch and Promise는 다가오는 표준이므로 오늘날 폴리 필드를 사용해야합니다. ajax 요청과 DOM 작업은 순수하지 않지만 나머지 부분에서 순수한 기능을 만들 수 있습니다. 응답 json을 다양한 이미지에 매핑 할 수 있습니다. 현재 jQuery에 대한 의존성을 실례합니다.
.
• 우리의 기능은 이제 두 가지 일을하고 있습니다 :
응답 데이터 매핑 -> urls 매핑 urls-> 이미지
• 이를 수행하는 "기능적"방법은이 두 작업에 대해 별도의 기능을 작성하는 것이며 Compose를 사용하여 한 기능의 응답을 다른 기능으로 전달할 수 있습니다.

compose 함수 목록의 구성 인 함수를 반환합니다.

<span>// pure
</span><span>function add(a<span>, b</span>) {
</span>  <span>return a + b;
</span><span>}
</span>

다음은 Compose가 수행하는 일이 있습니다. URL의 응답을 이미지 기능으로 전달합니다.

데이터 흐름의 방향을 이해하기 위해 오른쪽에서 왼쪽으로 구성 할 인수를 읽는 데 도움이됩니다.

프로그램을 순수한 기능으로 줄임으로써 미래에 재사용 할 수있는 더 큰 능력을 제공하며 테스트하기가 훨씬 간단하고 자체 문서화입니다. 단점은 (첫 번째 예에서와 같이) 과도하게 사용될 때 이러한 기능적 추상화는

<span>// impure
</span><span>var minimum = 21;
</span><span>var checkAge = function(age) {
</span>  <span>return age >= minimum; // if minimum is changed we're cactus
</span><span>};
</span>

보다 복잡한

를 만들 수 있다는 것입니다. 리팩토링 코드를 언제 묻는 가장 중요한 질문은 다음과 같습니다.

코드는 읽고 이해하기 쉽습니까? 필수 함수 이제는 기능 프로그래밍을 전혀 공격하려고하지 않습니다. 모든 개발자는 프로그래밍의 공통 패턴을 훨씬 간결한 선언 코드로 추상적으로 배치하거나 Marijn Haverbeke가 말한 것처럼 기본 기능을 배우기 위해 공동 노력을 기울여야합니다.

기본 기능의 레퍼토리로 무장 한 프로그래머와 더 중요한 것은이를 사용하는 방법에 대한 지식이 처음부터 시작하는 사람보다 훨씬 효과적입니다. - Eloquent JavaScript, Marijn Haverbeke 다음은 모든 JavaScript 개발자가 배우고 마스터 해야하는 필수 기능 목록입니다. 또한 JavaScript 기술을 닦을 수있는 좋은 방법입니다. 이러한 각 기능을 처음부터 작성하십시오.

.

배열

foreach

지도
• 필터
감소
• 함수
• 분해
compose
• 부분

카레

덜 더

기능적 프로그래밍 개념을 사용하여 아래 코드를 개선하기 위해 수행 할 수있는 실용적인 단계를 살펴 보겠습니다.

공유 상태
• 에 대한 기능 의존성 감소 이것은 명백하고 사소한 것처럼 들릴지 모르지만 여전히 많은 상태에 액세스하고 수정하는 기능을 작성하여 테스트하기가 더 어려워지고 오류가 발생하기 쉽습니다.
.
• 를 반복하기 위해 Foreach와 같은 더 읽기 쉬운 언어 추상화를 사용하십시오
코드의 양을 줄이기 위해 MAP와 같은 고급 추상화를 사용하십시오.
• 기능을 가장 간단한 형태로 줄입니다
작동이 중지 될 때까지 코드를 삭제합니다 우리는 그러한 간단한 작업에 전혀 기능이 필요하지 않으며, 언어는 구두로 적을 수있는 충분한 추상화를 제공합니다.
테스트 단순히 프로그램을 테스트 할 수 있다는 것은 순수한 기능의 주요 이점 이므로이 섹션에서는 이전에보고 있던 Flickr 모듈에 대한 테스트 하네스를 설정합니다. 터미널을 발사하고 텍스트 편집기를 준비하고 준비하도록하십시오. 우리는 Mocha를 테스트 러너로, Babel을 ES6 코드를 컴파일하는 데 사용합니다.

Mocha는 Secip 및 Teardown 작업을위한 전후와 같은 테스트 및 후크를 분해하기위한 설명과 같은 편리한 기능을 가지고 있습니다. Assert는 간단한 평등 테스트를 수행하고 Assert 및 Assert.deepequal을 알고있는 가장 유용한 기능입니다. 테스트/example.js 를 쓰자

<..> package.json을 열고 다음 에 "테스트"스크립트를 수정하십시오.

그러면 모든 것이 예상대로 작동하는지 확인하기 위해 명령 줄에서 NPM 테스트를 실행할 수 있어야합니다.

붐. 참고 : Mocha가 변경 사항을 확인하고 자동으로 테스트를 실행하려면이 명령의 끝에 -w 플래그를 추가 할 수도 있습니다. 다시 실행에서 상당히 빠르게 실행됩니다.

<span>// pure
</span><span>function add(a<span>, b</span>) {
</span>  <span>return a + b;
</span><span>}
</span>

.

flickr 모듈 테스트 모듈을 lib/flickr.js 우리의 모듈은 공개적으로 소비 될 Flickr과 개인 기능 _ResponseToImages를 노출시켜이를 분리하여 테스트 할 수 있도록 두 가지 방법을 노출시키고 있습니다. 우리는 몇 가지 새로운 종속성이 있습니다 : jQuery, 밑줄 및 폴리 플릴을 가져 와서 약속합니다. 이를 테스트하기 위해 JSDOM을 사용하여 DOM 객체 창과 문서화를 수행 할 수 있으며 Sinon 패키지를 사용하여 Fetch API를 스터브 할 수 있습니다.

.

<span>// pure
</span><span>function add(a<span>, b</span>) {
</span>  <span>return a + b;
</span><span>}
</span>

/> 테스트/_setup.js를 열면 모듈이 의존하는 글로벌로 JSDOM을 구성합니다.

우리의 테스트는 Test/Flickr.js에 앉을 수 있으며, 여기서 사전 정의 된 입력이 주어진 기능 출력에 대한 주장을 할 수 있습니다. Flickr API를 직접 치지 않고 테스트를 실행할 수 있도록 HTTP 요청을 가로 채고 가짜로 만들기 위해 글로벌 페치 방법을 "스터브"하거나 재정의합니다.

NPM 테스트로 테스트를 다시 실행하면 녹색 진드기를 보장하는 세 가지가 보일 것입니다.

<span>// impure
</span><span>var minimum = 21;
</span><span>var checkAge = function(age) {
</span>  <span>return age >= minimum; // if minimum is changed we're cactus
</span><span>};
</span>

.

Phew! 우리는 작은 모듈과 그것을 구성하는 기능을 성공적으로 테스트하고 순수한 기능에 대해 배우고 기능 구성을 사용하는 방법을 성공적으로 테스트했습니다. 우리는 순수를 불순한 것과 분리하고 읽기 쉽고 작은 기능으로 구성되어 있으며 잘 테스트되었습니다. 코드는 위의 불의한 순수한

예제보다

<span>// pure
</span><span>var checkAge = function(age) {
</span>  <span>var minimum = 21;
</span>  <span>return age >= minimum;
</span><span>};
</span>

를 읽고 이해하고 수정하기가 더 쉽습니다. 이것이 코드를 리팩토링 할 때의 유일한 목표입니다.

. 순수 함수를 사용하십시오

링크

<span>// impure, splice mutates the array
</span><span>var firstThree = function(arr) {
</span>  <span>return arr.splice(0,3); // arr may never be the same again
</span><span>};
</span>
<span>// pure, slice returns a new array
</span><span>var firstThree = function(arr) {
</span>  <span>return arr.slice(0,3);
</span><span>};
</span>

Frisby 교수의 기능 프로그래밍에 대한 적절한 가이드 - @drboolean - Brian Lonsdorf의 기능 프로그래밍에 관한이 훌륭한 무료 책은 내가 만나는 FP에 대한 최고의 가이드입니다. 이 기사의 많은 아이디어와 예가이 책에서 나왔습니다.

eloquent JavaScript - 기능적 프로그래밍 @marijnjh - Marijn Haverbeke의 책은 프로그래밍에 가장 좋아하는 내용 중 하나이며 기능 프로그래밍에 대한 훌륭한 장이 있습니다. 밑줄 - 밑줄, Lodash 또는 Ramda와 같은 유틸리티 라이브러리를 파는 것은 개발자로서 성숙하는 데 중요한 단계입니다. 이러한 기능을 사용하는 방법을 이해하면 작성하는 데 필요한 코드의 양이 크게 줄어들고 프로그램을보다 선언하게 만듭니다. - 지금은 전부입니다! 읽어 주셔서 감사합니다. 저는 이것이 JavaScript에서 기능 프로그래밍, 리팩토링 및 테스트에 대한 좋은 소개를 찾았기를 바랍니다. 이러한 패턴을 장려하거나 시행하는 React, Redux, Elm, Cycle 및 Reactivex와 같은 라이브러리의 인기가 높아짐에 따라 현재 파도를 만들고있는 흥미로운 패러다임입니다. 점프, 물은 따뜻합니다. 합리적으로 순수한 기능 프로그래밍에 대한 질문 기능 프로그래밍에서 순수 함수의 중요성은 무엇입니까?

순수 함수는 기능 프로그래밍의 기본 개념입니다. 이들은 항상 동일한 입력에 대해 동일한 출력을 생성하고 부작용이없는 기능입니다. 이것은 그들이 범위를 벗어난 상태를 변경하지 않거나 외부 상태에 의존하지 않음을 의미합니다. 이렇게하면 외부 요인에 대해 걱정하지 않고 입력 및 출력 만 고려하면 예측 가능하고 테스트가 쉬워집니다. 순수한 기능은 또한 코드 재사용 성과 가독성을 촉진하여 코드를 쉽게 이해하고 유지 관리 할 수 ​​있도록합니다. 기능 프로그래밍은 다른 프로그래밍 패러다임과 어떻게 다른가요?

기능적 프로그래밍은 계산을 수학적 함수의 평가로 취급하고 상태 변경 및 변이 가능한 데이터를 피하는 프로그래밍 패러다임입니다. 이는 프로그램이 실행될 때 글로벌 상태를 변경하는 진술로 구성된 명령 프로그래밍과 대조적입니다. 기능적 프로그래밍은 일류 시민과 같은 기능과 같은 높은 수준의 추상화를 촉진하고 진술 대신 표현식으로 프로그래밍을 장려합니다. 이것은 추론하기 쉬운보다 선언적이고 표현력있는 프로그래밍 스타일로 이어집니다.

JavaScript에서 순수한 기능을 어떻게 구현할 수 있습니까?

JavaScript에서 순수한 기능을 구현하는 것은 항상 기능을 보장하는 것과 관련이 있습니다. 동일한 입력에 대해 동일한 출력을 생성하고 부작용을 생성하지 않습니다. 예는 다음과 같습니다.

함수 추가 (a, b) {
a b;
}
이 예에서는 추가 기능이 항상 순수한 함수입니다. 동일한 결과 동일한 인수가 주어지고 외부 상태를 수정하지 않습니다.
JavaScript에서 순수한 함수를 사용하면 어떤 이점이 있습니까?
순수 함수는 JavaScript에서 몇 가지 이점을 제공합니다. 함수의 입력 및 출력 만 고려하면 코드를보다 예측 가능하고 테스트 및 디버그하기 쉽게합니다. 또한 명확하고 간단한 프로그래밍 스타일을 홍보하기 때문에 코드를보다 읽기 쉽고 관리하기 쉽게 만듭니다. 또한 순수한 기능은 재사용 가능하고 합성 가능하며, 코드가 적은 코드로보다 복잡한 기능을 구축 할 수 있습니다.

javaScript에서 순수한 기능을 사용하는 데 있어야하는 과제는 무엇입니까?

순수한 기능은 많은 이점을 제공합니다. 그들은 또한 몇 가지 도전을 제시합니다. 주요 과제 중 하나는 JavaScript가 순전히 기능적인 언어가 아니며 부작용과 변이 가능한 데이터를 허용한다는 것입니다. 즉, 의도하지 않은 기능에 부작용을 도입하지 않도록주의해야합니다. 또한 순수한 기능을 사용하면 데이터를 돌연변이하지 않고 새 데이터를 반환해야하므로 더 많은 장점 코드로 이어질 수 있습니다.

기능적 프로그래밍은 동시성 및 병렬 처리와 어떤 관련이 있습니까?

기능적 프로그래밍은 어떻습니까? 특히 동시성과 평행주의에 적합합니다. 순수한 기능에는 부작용이 없기 때문에 인종 조건이나 데이터 손상에 대해 걱정하지 않고 평행하게 안전하게 실행할 수 있습니다. 이를 통해 기능적 프로그래밍은 특히 멀티 코어 및 분산 컴퓨팅 환경에서 동시 및 병렬 응용 프로그램을 개발하기위한 강력한 도구입니다. 함수 프로그래밍에서 기능 구성이란 무엇입니까?

기능 구성은 기능 프로그래밍의 기본 개념입니다. 여기에는 두 개 이상의 함수를 결합하여 새 기능을 만듭니다. 한 기능의 결과는 다음 함수의 입력으로 사용됩니다. 이를 통해 간단한 기능으로부터 복잡한 기능을 구축하여 코드 재사용 성과 가독성을 촉진 할 수 있습니다.

기능 프로그래밍의 불변성은 무엇입니까?

불변성은 기능 프로그래밍의 핵심 원칙입니다. 데이터 구조가 생성되면 변경할 수 없음을 의미합니다. 대신, 데이터 구조를 수정하려면 원하는 변경 사항이있는 새 구조를 만듭니다. 이렇게하면 부작용을 피하고 코드가 더 안전하고 추론 할 수있게됩니다.

기능 프로그래밍이 상태를 어떻게 처리합니까?

기능 프로그래밍에서 상태는 부작용을 피하기 위해 신중하게 처리됩니다. 상태를 변경하는 대신 기능 프로그래밍은 종종 새로운 상태를 반환하는 순수한 기능을 사용합니다. 이것은 국가를 예측 가능하고 관리하기 쉽게 만듭니다. 일부 기능 프로그래밍 언어는 Haskell의 Monads와 같은 국가 관리를위한 고급 기능을 제공합니다.

기능적 프로그래밍의 실제 적용은 무엇입니까?

기능적 프로그래밍은 광범위한 애플리케이션에서 사용할 수 있습니다. . 다중 코어 및 분산 컴퓨팅과 같이 동시성과 병렬성이 중요한 상황에서 특히 유용합니다. 기능적 프로그래밍은 일반적으로 데이터 처리 및 분석에 사용되며, 순수한 기능과 불변성은 데이터 무결성을 보장하는 데 도움이 될 수 있습니다. 또한, 기능적 프로그래밍 개념은 프론트 엔드 개발에서 점점 더 채택되고 있으며, 구성 요소 개발을위한 기능적 스타일을 사용하여 React.js와 같은 인기있는 프레임 워크가 있습니다.

위 내용은 합리적으로 순수한 기능적 프로그래밍에 대한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!