JavaScript : 06 함수 (2/2)

나는선우 2021. 1. 7. 08:50

2021. 1. 7. 08:50

2020-01-05 수업내용 정리 겸 복습

함수의 리턴값 :

함수의 맨마지막에 return문을 사용하면 함수를 호출한 주체에게

결과를 넘길 수 있음

단, 함수의 몸체 중간에 return문을 사용하면

함수의 나머지 부분을 수행하지 않고 중단하는 역할을 하기도 함.

// 2개의 숫자를 입력받아 덧셈을 수행하고 결과를 출력하는 함수 add를 작성하세요

    function add(x,y) {
        let sum =x+y;
        document.write('<p>'+x+'+'+y+'='+sum+'</p>');
    }
    add(5,10)

// 단일책임의 원칙:

함수를 하나의 기능만을 담당하게 하는것이 좋다고한다.

더하기기능을 하는 함수를 만들고자 한다면 더하는 기능만을 담당하게

   function add2(x,y) {
        let sum =x+y;
        return sum
    }
    result= add2(10,5)
    document.write('<p>10더하기 5는 '+add2(10,5)+'</p>')
    document.write('<p>10+5='+result+'</p>')

익명함수 anonymous function :

함수를 정의할때 이름을 지정하지 않은 함수를 의미

함수를 실행하려면 반드시 함수명을 호출해야 하는데

익명함수는 함수정의와 동시에 함수를 실행할 수도 있음

// 간단한 인삿말을 출력하는 함수

  function sayHello(msg) {
        document.write('<p>' + msg + '</p>');
    }
    sayHello('HelloWorld !!')

익명함수를 만드려면 변수에 담아줘야한다.

함수호출은 변수명으로 하면 된다.

    let say = function (msg) {
        document.write('<p>' + msg + '</p>');
    }
    // 익명함수 정의후 변수에 저장 : C언어의 함수포인터와 유사.
    say('Hello, JavaScript !');

특정함수를 주기적으로 실행하기

주기적으로 특정함수를 실행하려면 setInterval과

setTimeout 함수를 사용하면 된다.

setInterval :

일정시간간격으로 함수를 반복실행

clearInterval 함수로 중지시킬 수 있음.

setInterval( 함수명, 주기(ms) )

setTimeout :

일정시간이 지난후 함수를 한번만 실행

clearTimeout 함수로 중지시킬수 있음

setTimeout(함수명, 시간(ms));

<!DOCTYPE html>
<html lang="ko">

<body>
<span id="time"></span>

<script>
   function today() {
        let today = new Date();
        let hh = today.getHours();
        let mm = today.getMinutes();
        let ss = today.getSeconds();
        let time= hh+ ':' + mm + ':' + ss;
        document.getElementById('time').innerHTML = time;
    }
    today();                             // 한번만 시간을 출력하고 끝
    setInterval(today, 1000); // 1초마다 today함수 실행
</script>



</body>
</html>

'JAVA & APP :국비지원 학원 복습 > ' 카테고리의 다른 글

JavaScript : 07 내장객체 - 정규표현식 (2/2) (0)	2021.01.07
JavaScript : 07 내장객체 Math,String 객체 (1/2) (0)	2021.01.07
JavaScript : 06 함수 (1/2) -구구단 (0)	2021.01.06
JavaScirpt : 05 배열 (0)	2021.01.06
JavaScript : 04 반복문 (0)	2021.01.06

서누레코즈