>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 즉시 실행 기능을 사용하는 방법

JavaScript의 즉시 실행 기능을 사용하는 방법

不言
不言원래의
2018-12-13 17:30:183141검색

자바스크립트의 즉시 실행 기능은 어떻게 사용하나요? 이 글에서는 자바스크립트 즉시 실행 기능을 사용하는 방법을 소개합니다.

JavaScript의 즉시 실행 기능을 사용하는 방법

기능이 무엇인지 간단히 살펴볼까요?

함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.

즉, 함수를 여러 번 사용하는 경우에는 호출만으로 간단히 사용할 수 있습니다.

다음과 같이 정의된 함수를 사용합니다.

fonction 函数名(){
执行的代码
}

다시 살펴보겠습니다 익명함수란 무엇인가요 ?

이름에서 알 수 있듯이 익명 함수는 함수 이름 없이 기능을 정의할 수 있는 함수입니다

익명 함수를 사용하면 더 높은 수준을 사용할 때 코드를 단순화할 수 있는 장점도 있습니다. -주문 기능.

고차 함수는 함수 자체를 매개변수나 반환값으로 처리할 수 있는 함수입니다.

고차 함수에서 매개변수로서의 함수는 보통 한 번만 사용되기 때문에 익명함수로 만들어서 코드를 더 간단하게 만들 수 있습니다.

또한 전역 범위 이름을 익명 함수로 만들어 정의할 필요가 없으므로 함수 이름 중복으로 인한 오류도 줄일 수 있습니다.

일반함수와 익명함수 비교

다음 프로그램을 바탕으로 일반함수와 익명함수를 비교해 보겠습니다.

function( ) {
 执行的代码
}

일반함수(명명함수)

코드는 다음과 같습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      function sum(a,b){
        var result = a + b;
        return result;
      }
      var answer = sum(1,2);
      console.log(answer);
    </script>
  </body>
</html>

Use console .log가 호출되면 매개변수 1과 2에 따라 "3"이 출력됩니다.

JavaScript의 즉시 실행 기능을 사용하는 방법

Anonymous function

다음으로 익명 함수를 사용하여 다음을 작성합니다. 동일한 함수

코드는 다음과 같습니다

  <script>
      var sum = function (a,b){
    var result = a + b;
    return result;
  }
  var answer = sum(1,2);
  console.log(answer);
    </script>

이름이 지정된 함수에서는 먼저 함수 합계를 정의하고 나중에 합계를 다음에 할당합니다. 변수는 응답하고 매개변수 1과 2로 호출됩니다.

반대로 익명 함수에서는 함수의 정의를 변수에 직접 입력할 수 있기 때문에 함수 정의 자체를 변수에 저장할 수 있다는 것도 익명 함수의 장점입니다. .

결과는 같습니다

JavaScript의 즉시 실행 기능을 사용하는 방법

마지막으로 즉시실행 기능 사용법#을 살펴보겠습니다. 🎜🎜 #

Immediate function은 즉시 실행되는 함수 표현으로, 영어로 IIFE(immediately invoked function 표현)이라고 합니다.

immediate 함수는 정의된 직후에 실행됩니다.

따라서 즉시 실행 기능이라고 합니다.

즉시 함수 사용, 함수가 정의되어 있으면 즉시 실행이 가능합니다.

로컬 변수는 함수 내에서 선언되며 선언된 함수 전체에서 사용됩니다.

전역 변수는 전역 범위에서 선언된 변수이므로 JavaScript 프로그램 내 어디에서나 사용할 수 있습니다.

예를 들어 전역 변수가 함수 외부에서 선언되면 함수 내부와 외부 모두에서 사용할 수 있습니다.

즉시 함수의 예를 살펴보겠습니다

var는 변수를 선언하고, 함수 정의 자체는 함수에서 시작합니다. 즉시 실행할 수 있습니다.

코드는 다음과 같습니다

<script>
    var sum = (function (a,b){
    var result = a + b;
    return result;
  })(1,2);
  console.log(sum);
    </script>

함수 정의에 바로 매개변수를 제공하여 실행합니다.

지금까지 우리는 변수 sum에 함수 sum을 할당하고 매개변수를 전달했습니다. 변수 답변으로 생략한다는 것은 정의된 함수에 직접 인수를 전달하고 콘텐츠를 실행할 수 있다는 의미입니다.

함수를 호출하기 위해 var Answer = sum(1,2); 을 사용할 필요가 없기 때문에 프로그램이 매우 원활합니다.

실행 결과는 다음과 같습니다. 결과도 3입니다


JavaScript의 즉시 실행 기능을 사용하는 방법

위 내용은 JavaScript의 즉시 실행 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.