> 웹 프론트엔드 > JS 튜토리얼 > js에서 함수를 만드는 세 가지 일반적인 방법에는 유효한 호출이 하나만 있습니다.

js에서 함수를 만드는 세 가지 일반적인 방법에는 유효한 호출이 하나만 있습니다.

PHPz
풀어 주다: 2018-10-10 16:00:16
앞으로
1848명이 탐색했습니다.

JS에서 한 번만 실행되는 함수를 만드는 방법은 무엇입니까? 때때로 이러한 요구 사항이 있습니다. 즉, 함수를 한 번만 실행하고 두 번째 호출에서는 귀중한 값을 반환하지 않거나 오류를 보고하지 않는 것입니다. 다음은 세 가지 작은 데모를 통해 사용된 방법을 개인 메모로 보여줍니다.

1. 폐쇄를 통해 시행됩니다.

 <script>
        window.onload = function () {            function once(fn) { 
                var result;            
              return  function() { 
                    if(fn) {
                        result = fn.apply(this, arguments);
                        fn = null;
                    }                    return result;
                };
            }            
            var callOnce = once(function() {
                console.log('javascript');
            });
            
            callOnce(); // javascript
            callOnce(); // null        }    </script>
로그인 후 복사

2. 첫 번째 호출 후에는 func 함수 값을 비워 둡니다. func= function(){};

  <script>        var func = function () {
            alert("正常调用");
            func= function(){};
        }
        func();
        func();    </script>
로그인 후 복사

3. 값을 설정하고 부울을 사용하여 후속 호출을 제어합니다.

 <script>
        window.onload = function () {            var flag = true;            function once() {                if (flag) {
                    alert("我被调用");
                    flag = false;
                } else {                    return;
                }
            }
            once();
            once();
        }    </script>
로그인 후 복사

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼

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