10. JS의 함수

함수

- 사용자 정의 함수와 내장 함수가 있음.

function 함수이름(매개변수1, 매개변수2, ...., 매개변수 n) {

              함수내용;

              return 값; (return은 없어도 됨.)

}

 

무명 함수로 선언 가능. (함수를 재사용하지 않을 경우 편리)

let 아무거나 = function() {

          함수 내용;

}

아무거나(); 로 호출.

 

*콜백함수: 함수 호출 시 매개변수로 넘어가는 값이 함수인 경우.

function callTenTimes(callback) {

  for(let i=1; i<=10; i++) {

    callback();

  }

}

let callback = function() {

  alert("함수 호출!!!);

}

callTenTimes(callback);

 

***내장 함수

타이머 함수

1. setTimeout(function, ms)   (ms : 밀리초)

- 일정 시간 후 함수를 한 번만 실행하는 함수.

2. setInterval(function, ms)

- 일정 시간마다 함수를 반복해서 실행.

3. clearTimeout(id)

- setTimeout을 중지해줌.

4.  clearInterval(id)

- setInterval을 중지해줌.

 

let intervalID = setInterval(function () {
document.write("<p>" + new Date() + "</p>");
}, 1000);

//20초 후에 clearInterval() 함수를 이용하여 setInterval()함수를 종료시키기
setTimeout(function() {
clearInterval(intervalID);
}, 20000);