이 기사에서는 JavaScript에서 익명 함수가 정확히 무엇인지, 일반 기술 및/또는 Arrow Function 기술 자체를 사용하여 익명 함수를 선언하는 방법을 자세히 연구합니다.
익명 함수
연관된 이름이 없는 함수입니다. 일반적으로 우리는 기능 JavaScript에서 함수를 정의하려면 함수 이름 앞에 키워드를 붙입니다. 그러나 JavaScript의 익명 함수에서는 다음과 같은 키워드만 사용합니다. 기능 함수 이름이 없는 키워드입니다.
익명 함수는 처음 생성된 후에는 액세스할 수 없으며, 해당 함수가 저장된 변수를 통해서만 액세스할 수 있습니다. 값으로 기능하다 . 익명 함수에는 인수가 여러 개 있을 수 있지만 표현식은 하나만 있을 수 있습니다.
통사론:
아래에 표시된 구문은 일반 선언을 사용한 익명 함수 선언을 보여줍니다.
자바에서 지도 반복하기
function() { // Function Body }> 아래 표시된 화살표 함수 기술을 사용하여 익명 함수를 선언할 수도 있습니다.
( () =>{ // 함수 본문... } )();> 아래 예에서는 익명 함수를 보여줍니다.
예시 1: 이 예에서는 콘솔에 메시지를 인쇄하는 익명 함수를 정의합니다. 그런 다음 함수는 다음 위치에 저장됩니다. 환영하다 변하기 쉬운. 다음을 호출하여 함수를 호출할 수 있습니다. 환영하다().
자바스크립트
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
산출:
Welcome to techcodeview.com!>
예시 2: 이 예에서는 익명 함수에 인수를 전달합니다.
자바스크립트
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
산출:
Welcome to techcodeview.com!>
JavaScript는 고차 함수를 지원하므로 익명 함수를 다른 함수에 매개변수로 전달할 수도 있습니다.
예시 3: 이 예에서는 익명 함수를 콜백 함수로 전달합니다. 세트타임아웃() 방법. 이는 2000ms 후에 이 익명 함수를 실행합니다.
자바스크립트
문자열 값
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
산출:
Welcome to techcodeview.com!>
익명 함수의 또 다른 사용 사례는 초기화 후 즉시 함수를 호출하는 것입니다. 자체 실행 기능 . 익명 함수를 즉시 실행할 수 있도록 괄호를 추가하면 됩니다.
예시 4: 이 예에서는 자체 실행 함수를 만들었습니다.
자바스크립트
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
산출:
Welcome to techcodeview.com!>
화살표 기능
ES6에서는 익명 함수를 선언하는 새롭고 짧은 방법을 도입했습니다. 화살표 기능. Arrow 함수에서는 모든 것이 동일하게 유지됩니다. 단, 여기서는 기능 키워드도. 여기서는 단일 괄호로 함수를 정의한 다음 '=>'와 함수 본문을 정의합니다.
예시 5: 이 예에서는 화살표 기능의 사용을 살펴보겠습니다.
자바스크립트
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
산출:
Welcome to techcodeview.com!>
함수 본문에 명령문이 하나만 있는 경우 중괄호를 제거할 수도 있습니다.
예시 6: 이 예에서는 자체 실행 함수를 만듭니다.
자바스크립트
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
산출:
Welcome to Geeksforgeeks!>
예-7: 이 예에서는 (이름 자체 없이) 자체 실행 익명 함수를 선언하고 이를 선언하는 방법과 결과 값을 인쇄하기 위해 호출하는 방법을 살펴보겠습니다.
자바스크립트
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
window.open 자바스크립트
>
>
산출:
techcodeview.com>