closure, callback 예시 만들기

클로저란? 함수가 종료되어도 지역변수가 사라지지 않고 활용되는 것.

-출처: 모던 웹을 위한 JavaScript jQuery 입문 

 

책을 보고 예시를 만들어 보았다.

 

        <script>
            // closure example 
            // 함수가 종료되어도 지역변수가 사라지지 않고 활용됨.
            function closure_test(name) {
                const output = `Hello, ${name}~`;
                return function() {
                    console.log(output);
                };
            }

            const lily = closure_test('lily');
            const mina = closure_test('mina');

            lily(); // Hello, lily~
            mina(); // Hello, mina~
        </script>

 

 

콜백(callback) 예시.

콜백이란, 매개변수에 인자로 함수가 전달되는 것.

 

<script>
    // 콜백 : 매개변수에 인자로 함수가 전달되는 것.
    function fiveLoop(callback) {
        for(let i=0; i<5; i++) {
            callback();
        }
    } 

    fiveLoop(function() {
        console.log('callback');
    });
    
</script>