JavaScript(7)

💡타이머 함수

타이머 함수는 실무에서 가장 많이 사용하는 라이브러리 중 하나이다. 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능으로 3가지 주요 함수가 있다.

• setTimeout() : 일정 시간이 지난 후 특정 구문을 한 번 실행
• setInterval() : 일정 시간마다 특정 구문을 반복 실행
• clearInterval() : 실행 중인 타이머를 멈추는 기능

setTimeout('수행할 함수', 시간);

*시간은 밀리초로 입력한다. 즉 1000이 1초이다.

setTimeout(() => {
  console.log('setTimeout이 실행됨');
}, 3000); //밀리초(3000 = 3s)

setInterval('수행할 함수', 시간간격);

let count = 0;
setInterval(()=>{
  console.log(++count);
}, 2000);  //밀리초(2000 = 2s)

clearInterval('멈출 함수');

let count = 0;
const myIntv = setInterval(()=>{
  console.log(++count);
}, 2000);

clearInterval(myIntv);
//clearInterval로의 접근을 위해 setInterval을 myIntv라는 변수에 담았다.
//익명 함수 or 화살표 함수에는 접근할 수 없음

💡콜백 함수

콜백 함수는 주로 함수 내부의 처리 결과값을 함수 외부로 내보낼 때 사용한다. 콜백 함수를 사용하는 구조를 살펴보면 특정 함수의 매개변수로 콜백 함수를 전달받아, 함수의 내부에서 실행하는 구조를 가지고 있다. 자바스크립트는 함수를 변수처럼 사용할 수 있기 때문에 콜백 함수로 사용하고자 할 때는 괄호를 제외하고 함수의 이름만 넘겨주면 된다.

(교재 : 자바스크립트+jQuery 완전정복 스터디1 저자:김춘경(딴동네))