한 번만 실행되는 JavaScript 함수를 작성하는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-10-22 23:14:29
원래의
952명이 탐색했습니다.

How to Build a Function in JavaScript That Executes Only Once?

JavaScript에서 한 번만 실행할 수 있는 함수를 만드는 방법

JavaScript는 본질적으로 한 번만 실행할 수 있는 함수를 만드는 방법을 제공하지 않습니다. 한 번 실행해 보세요. 그러나 클로저와 타사 라이브러리를 사용하는 우아한 솔루션이 있습니다.

클로저 방법:

클로저는 포함된 함수에서 액세스할 수 있는 비공개 범위를 생성합니다. . 이 범위 내에서 함수가 실행되었는지 여부를 나타내는 플래그를 설정할 수 있습니다. 다음 코드는 이 접근 방식을 보여줍니다.

<code class="javascript">var something = (function() {
    var executed = false;
    return function() {
        if (!executed) {
            executed = true;
            // do something
        }
    };
})();</code>
로그인 후 복사

something()을 처음 호출하면 함수가 호출되고 실행이 true로 설정됩니다. 후속 호출은 실행이 true로 유지되므로 아무런 효과가 없습니다.

타사 라이브러리 방법:

Underscore 및 Ramda와 같은 라이브러리는 제공된 항목을 래핑하는 Once() 함수를 제공합니다. 함수를 실행하고 한 번만 실행되도록 합니다.

<code class="javascript">// Using Underscore
var one_something = _.once(something);

// Using Ramda
const one_something = R.once(something);</code>
로그인 후 복사

반환된 함수는 여러 번 호출할 수 있지만 기본 함수는 처음에만 실행됩니다.

함수 생성을 위한 유틸리티 -시간 함수:

라이브러리를 사용하지 않는 경우 사용자 정의 유틸리티 함수를 만들 수 있습니다. 한 가지 접근 방식은 다음과 같습니다.

<code class="javascript">function once(fn, context) { 
    var result;
    return function() { 
        if (fn) {
            result = fn.apply(context || this, arguments);
            fn = null;
        }
        return result;
    };
}</code>
로그인 후 복사

이 함수는 함수와 선택적으로 컨텍스트를 허용합니다. 첫 번째 호출에서 원래 함수를 실행하고 결과를 반환하는 함수를 반환합니다. 후속 호출은 효과가 없습니다.

위 내용은 한 번만 실행되는 JavaScript 함수를 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!