귀농 전까지 쓰는 개발 일지

[JavaScript] function(3) - IIFE / Closure 본문

공부/JavaScript

[JavaScript] function(3) - IIFE / Closure

한호잉 2022. 1. 17. 15:03

(1). IIFE Function

- Immediately Invoked Function Expression : 함수의 정의 및 호출을 한번에 표현

 <script>
        //함수 정의 및 호출을 한번에 표현 
        //1. 함수 이름 정의 
        (function hello(){
            console.log('IIFE');    //IIFE출력
        })();

        //2. 함수 이름 정의X 1회용 호출 
        (function () {
            var name = "hoing"; //지역변수 
            console.log(name);    //hoing출력
        })();

        //3. 함수 이름 정의X 결과만 저장 
        const result = (function () {
            const name = "hoing"; //지역변수
            return name; 
        })();
        console.log(result);    //hoing출력


        
        //4. 파라미터 사용 
        const total = ((x, y) => {
           return x + y;  //한줄이면 return과 대괄호 생략 가능
        });
        console.log(`${total(1, 2)}`);    //3출력
 </script>
 

 

 

(2) Closure 현상 

- 지역변수가 사라지지 않고, 계속 기억되는 현상

 function sequence(){
        var seq = 0;
        return function(){
        return ++seq;  
        };
        var seq = sequence();
        console.log( seq() );
        console.log( seq() );
        console.log( seq() );

        //1,2,3출력
    }
 

 

 

 

'공부 > JavaScript' 카테고리의 다른 글

[JavaScript] 배열  (0) 2022.01.17
[JavaScript] 자료형  (0) 2022.01.17
[JavaScript] function(2) - 활용, Arrow Function  (0) 2022.01.17
[JavaScript] function(1)-형태/기본값/가변인자  (0) 2022.01.17
[JavaScript] 개요_출력  (0) 2022.01.17