JavaScript에서 익명 함수를 재귀적으로 호출하는 코드에 대한 자세한 소개
어떤 프로그래밍 언어이든 코드 몇 줄만 작성한 학생들은 재귀에 익숙할 것이라고 믿습니다. 간단한 계승 계산을 예로 들어보겠습니다.
function factorial(n) { if (n <= 1) { return 1; } else { return n * factorial(n-1); } }
재귀는 함수 내에서 자체 호출임을 알 수 있습니다. 그래서 질문이 생깁니다. Javascript에는 이름이 없는 함수 유형이 있습니다. 물론 익명 함수를 상수에 할당할 수 있다고 말할 수 있습니다.
const factorial = function(n){ if (n <= 1) { return 1; } else { return n * factorial(n-1); } }
이는 물론 가능합니다. 그러나 명시적 변수에 할당될 것이라는 사실을 모르고 함수를 작성하는 경우와 같은 일부 상황에서는 문제가 발생할 수 있습니다. 예를 들면 다음과 같습니다.
(function(f){ f(10); })(function(n){ if (n <= 1) { return 1; } else { return n * factorial(n-1);//太依赖于上下文变量名 } }) //Uncaught ReferenceError: factorial is not defined(…)
그렇다면 정확한 함수 이름(함수 참조 변수 이름)을 전혀 제공하지 않아도 되는 방법이 있을까요?
arguments.callee
우리는 function
내부에서 arguments
이라는 변수에 액세스할 수 있다는 것을 알고 있습니다.
(function(){console.dir(arguments)})(1,2)
는 이 arguments
변수의 내용을 출력하는데 Arguments
의 인스턴스임을 알 수 있는데, 데이터 구조상으로는 다음과 같다. 배열과 같은 . 배열과 유사한 요소 멤버와 length
속성 외에도 callee
메서드도 있습니다. 그렇다면 이 callee
메소드는 무엇을 할까요?
callee
arguments
을 살펴보겠습니다. 함수 본문 내에서는 현재 실행 중인 함수를 가리킬 수 있습니다. 이는 이름이 없는 함수 표현식("익명 함수"라고도 함)과 같이 함수가 익명인 경우에 유용합니다.
하하, 당연히 우리가 원하는 거겠죠. 다음 단계는
(function(f){ console.log(f(10)); })(function(n){ if (n <= 1) { return 1; } else { return n * arguments.callee(n-1); } }) //output: 3628800
입니다. 그러나 MDN 문서에는 ECMAScript 5판(ES5)의 strict 모드에서는
警告
이 금지되어 있다고 명시되어 있습니다. 인수.칼리().
아, ES5의 use strict;
에서는 사용되지 않는 것으로 밝혀졌으니, ES6에서는 ES6의 arrow function
로 변경해서 적어보겠습니다.
((f) => console.log(f(10)))( (n) => n <= 1? 1: arguments.callee(n-1)) //Uncaught ReferenceError: arguments is not defined(…)
에는 일부가 있습니다. ES6 기초 수강생이라면 오랫동안 생각해 본 화살표 함수는 단축 함수 표현으로 어휘 범위의 this
값을 갖습니다(즉, this
를 새로 생성하지 않습니다. < 자체 범위), 🎜>, arguments
및 super
및 기타 개체), 모두 익명입니다. new.target
:
Y Combinator
고정 소수점 조합자(영어: 고정 소수점 조합자, 고정 소수점 연산자)는 다른 함수를 계산하는 방법 고정점에서의 고차 함수.
함수 f의 고정점은 不动点组合子
과 같은 값 x입니다. 예를 들어, 0^2 = 0이고 1^2 = 1이므로 0과 1은 f(x) = x^2 함수의 고정점입니다. 1차 함수(정수와 같은 단순한 값에 대한 함수)의 고정점은 1차 값인 반면, 고차 함수 f의 고정점은
을 허용하는 함수 수정입니다. 비재귀적 람다 추상화를 사용하여 정의할 수 있습니다.의 고정점을 찾을 수 있는 무한점 연산자를 얻었는지 생각해 봅시다. 함수를 연산자(함수)에 전달하여 자신과 동일한 함수를 가지지만 자신의 것이 아닌 함수를 가져옵니다. 이 문은 다소 어색하지만 풍미가 가득합니다. 자, 원래 질문으로 돌아가서 익명 함수의 재귀를 완성하는 방법은 무엇일까요? Y 조합을 사용하면 매우 간단합니다.
f(x) = x
f(g) = g
형이 지정되지 않은 람다 계산에서 잘 알려진(아마도 가장 간단한) 고정 소수점 결합자를 Y 결합자라고 합니다.다음으로 특정 계산을 사용하여 Y 조합을 유도합니다. <… 프로그램을 수학적 언어로 표현하는 이러한 방식에 즉시 깊은 인상을 받았습니다.
드디어 고차함수f(fix(f)) = fix(f)
/*求不动点*/ (f => f(f)) /*以不动点为参数的递归函数*/ (fact => n => n <= 1 ? 1 : n * fact(fact)(n - 1)) /*递归函数参数*/ (5) // 120
曾经看到过一些说法是”最让人沮丧是,当你推导出它(Y组合子)后,完全没法儿通过只看它一眼就说出它到底是想干嘛”,而我恰恰认为这就是函数式编程的魅力,也是数学的魅力所在,精简优雅的公式,背后隐藏着复杂有趣的推导过程。
总结
务实点儿讲,匿名函数的递归调用,在日常的js开发中,用到的真的很少。把这个问题拿出来讲,主要是想引出对arguments
的一些讲解和对Y组合子
这个概念的一个普及。
但既然讲都讲了,我们真的用到的话,该怎么选择呢?来,我们喜闻乐见的benchmark下: 分别测试:
// fact fact(10) // Y (f => f(f))(fact => n => n <= 1 ? 1 : n * fact(fact)(n - 1))(10) // Y' const fix = (f) => f(f) const ygen = fix(fact2) ygen(10) // callee (function(n) {n<=1?1:n*arguments.callee(n-1)})(10)
环境:Macbook pro(2.5 GHz Intel Core i7), node-5.0.0(V8:4.6.85.28) 结果:
fact x 18,604,101 ops/sec ±2.22% (88 runs sampled)
Y x 2,799,791 ops/sec ±1.03% (87 runs sampled)
Y’ x 3,678,654 ops/sec ±1.57% (77 runs sampled)
callee x 2,632,864 ops/sec ±0.99% (81 runs sampled)
可见Y和callee的性能相差不多,因为需要临时构建函数,所以跟直接的fact递归调用有差不多一个数量级的差异,将不定点函数算出后保存下来,大概会有一倍左右的性能提升。
以上就是JavaScript 中匿名函数的递归调用的代码详细介绍的内容,更多相关内容请关注PHP中文网(www.php.cn)!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

JavaScript에서 HTTP 상태 코드를 얻는 방법 소개: 프런트 엔드 개발에서 우리는 종종 백엔드 인터페이스와의 상호 작용을 처리해야 하며 HTTP 상태 코드는 매우 중요한 부분입니다. HTTP 상태 코드를 이해하고 얻는 것은 인터페이스에서 반환된 데이터를 더 잘 처리하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTTP 상태 코드란 무엇입니까? HTTP 상태 코드는 브라우저가 서버에 요청을 시작할 때 서비스가

사용법: JavaScript에서 insertBefore() 메서드는 DOM 트리에 새 노드를 삽입하는 데 사용됩니다. 이 방법에는 삽입할 새 노드와 참조 노드(즉, 새 노드가 삽입될 노드)라는 두 가지 매개 변수가 필요합니다.
