변수와 함수와의 관계

01_변수에 함수라는 데이터를 넣기

 

        function hello(name){
            document.write(name+"님 환영합니다.");
        }
        hello("홍길동");
        var func = hello;
        func("홍길동");

func란 변수에 함수를 넣으면 변수 값으로 함수를 호출할수 있다.

 

 

 

 

02_매개변수값을 함수로 사용하기

        function hello1(){
            alert("hello.");
        }
        function hello2(){
            alert("안녕하세요.");
        }

        function execute(func){
            func();
        }

        execute(hello1);
        execute(hello2);

execute함수를 호출할때 hello1과 hello2함수를 차례로 매개변수 값으로 넣어주면

execute 함수가 매개변수를 받아서 해당 함수를 호출하고 hello. 안녕하세요. 얼럿창이 차례로 실행된다.

 

 

 

 

 

 

03_이벤트를 등록할때 함수를 매개변수값으로 넣기

 

ㄱ. 버튼을 클릭때마다 매개변수값을 넘기기

        $(document).ready(function(){

            function hello(){
                document.write("안녕하세요. 환영합니다.");
            }
            $("#btnStart").click(hello);
        })

#btnStart라는 버튼을 클릭하면 hello 함수를 실행한다.

 

 

ㄴ. 타이머 1초마다 매개변수로 넘긴 함수호출

        setInterval(function(){
            document.write("안녕하세요. 환영합니다.");
        },1000);

 

 

 

 

04. 리턴값 함수사용하기

        function createHello(){
            function hello(user){
                document.write(user+"님 방문을 환영합니다.");
            }
            return hello;
        }

        var result = createHello();
        result("홍길동");

createHello()함수 내부에 있는 hello()함수를 리턴값으로 하면 함수 외부에서 사용할 수 있게된다.