😇 "Javascript Closure"이 글을 읽고 나면 마침내 그것이 무엇인지 알 수 있을 것 같습니다.

💎 기능 중 기능

▼ 함수에서 자바스크립트에서 함수를 선언할 수 있습니다.

function outer(){
    function inner(){
        alert("poland");
    }
}
outer(); // unfortunately, nothing happens

▼ 내부 함수를 실행하기 위해 이렇게 작성할 수 있습니다.

function outer(){
    function inner(){
        alert("poland");
    }
    inner() // here !!!!!
}
outer() // "poland" !

💎 익명 기능

이제 주문을 실행하는 것은

1. execute outer()
2. declare inner()
3. execute inner()

번거롭지 않니? 😅
예, 익명 함수로 alert("poland")를 더 짧게 실행할 수 있습니다.

(  function(){ alert("poland"); }  )(); // "poland"

💎 함수를 반환하는 함수

(2분 안에 최종적으로 클로저가 무엇인지 알 수 있습니다)
▼ 함수는 Javascript에서 함수를 반환할 수 있습니다.

function outer(){
    var inner = function (){
        alert("poland");
    }
　　return inner;
}

var func = outer();
func();// "poland"                 

▼ 약간 변형하여 내부 함수를 정상적으로 정의

function outer(){
    function inner (){ //** here
        alert("poland");
    }
　　return inner;
}

var func = outer();
func();// "poland"

▼ 이제 inner()를 삭제하고 익명 함수를 사용합니다.

function outer(){
    return function(){ //** here
        alert("poland");
    }
}

var func = outer();
func();// "poland"

▼ 그런 다음 조금 전환하면 경고 기능 전에 문자열 "poland"를 선언합니다.

function outer(){
    return function(){
        var country = "poland"
        alert(country);
    }
}

var func = outer();
func();// "poland"

▼ -- ⭐ 중요!! -- 마지막으로 var country를 내부 익명 함수 외부로 이동합니다.

function outer(){
    var country = "poland"
    return function(){
        /** ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐
           looks like we can't see country
           because country is declared outside anonymous function. 
           But we can see it, this is typical closure 
        ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ **/
        alert(country);
    }
}

var func = outer();
func();// "poland"
console.log(country) // ⭐ undefined because of scope

▼이 눈으로 쉽게 볼 수 있습니다

💎 실생활 예시 1

폐쇄에 대한 일반적인 질문이 있습니다.

define function that return 1,2,3... each time you call it

면접에서 물어보면 이상하지 않아

function outer(){
    var num = 1;
    return　function (){
        alert(num);
    x ++;
    };
}

var func =  outer(); 
func();  // 1
func();  // 2
func();  // 3
console.log(num) //undefined

그리고 중요한 것이 하나 더 있습니다.
해당 코드에서 볼 수 있듯이 "num"은 외부 함수 외부를 호출할 수 없으므로 클로저로 개인 변수와 같이 생성할 수 있습니다.

💎 실생활 예시 2

솔직히 예제 1은 이 지식을 아는 것이 중요함에도 불구하고 "실제"예제를 정의하기 어렵습니다.
하지만 이제 좀 더 실제 사례를 보여드리겠습니다.

이것은 일반적인 jquery 코드입니다.

// anonymous function
$('.button').click(function(){
  alert('Hi!');
});

그러면 2번 이상 클릭을 방지하는 기능을 만들 수 있습니다.

$(function(){
    var isClicked = false;
    $('.button').click(function(){
        if (isClicked) {
            alert('you have already clicked once !!');
            return false;
        }
        isClicked = true;
    });
});

읽어 주셔서 감사합니다 :)

참조:
https://qiita.com/takeharu/items/4975031faf6f7baf077a
http://dqn.sakusakutto.jp/2009/01/javascript.html