10 Function(함수)

재사용성을위해 function 함수사용

 

<script type="text/javascript">

function func1(){

    console.log('func1() 호출')

}

//

    func1();

    func1();

</script>

 

 

매개변수를이용한 함수 (Function)

 

function func2(data1, data2){

    console.log('func2(1)'+data1);

    console.log('func2(2)'+data2);

}

//

 

    func2(1,2);

 

 

Return 값, 매개변수값 잇는 함수(function)

 

function func3(data1, data2){

    var sum=data1+data2;

    return sum;

}

var sum=func3(10,20);

    console.log("결과 : "+ sum)

 

또다른 선언방식(익명함수)

• 익명함수는 선언적 함수보다 늦게 생성됨
• (같은이름으로 선언했을시 익명함수가 남아있음.)
• 왜냐하면 선어적함수는 코드가 실행되기전 한번선언이되고 시작됨.

//함수들 변수와 동일하게 취급

    var func1 = function(){

        console.log('func1() 호출');

    };

func1();

    console.log(typeof(func1));

    

    var func2= func1;

    func2()

    

 

가변인자 function 함수

    function sumAll(){

        for(var i=0;i<arguments.length;i++){

            console.log(arguments[i]);

        }

    }

    sumAll(1);

    sumAll(1,2);

 

 

 

리턴값이 Function(함수)인 Function(함수)

 

function returnFunction(){

    return function(){

        console.log('Hello Function ..!');

    }

}

returnFunction()();

 

 

 

 

 

내장함수

 

타이머

setTimeout(function,시간 밀리세턴); - 일정시간후 함수 한번 실행

setinterval(함수, 시간) 일정시간마다 함수실행

clearTimeout(id) – 일정시간후 함수를 한번 실핸하는 것을 중지

clearintervla(id) – 일정시간마다 함수를 반복하는 것을 중단합니다.

 

 

<script type="text/javascript">

 

var intervalID = setInterval(function(){

    console.log('<p>'+new Date()+'</p>');

},1000);

</script>

 

 

출처

https://blog.naver.com/PostView.naver?blogId=skawo32167&logNo=220452876212&parentCategoryNo=&categoryNo=50&viewDate=&isShowPopularPosts=false&from=postList