타이머 함수 setTimeout(함수, 시간): 일정 시간 후 함수 실행 setInterval(함수, 시간): 시간 간격마다 함수 실행 clearTimeout(): 설정된 timeout 함수를 종료 clearInterval(): 설정된 interval 함수를 종료 1. setTimeout / clearTimeout setTimeout(function () { console.log('내가 타이머다') }, 3000) //밀리세컨드(ms) 3초 앞에서 배웠던 화살표 함수를 사용해보자. setTimeout(() => { console.log('내가 타이머다') }, 3000) //밀리세컨드(ms) 3초 (편안) 함수를 호출하면 3초후에 '내가 타이머다' 가 호출됨 반면, 클리어타임아웃은 셋타임아웃을 종료시킨다..

호이스팅(hoisting) 매우 간단하다. 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상! 함수표현일땐 불가능. 예제를 출력하면 당연하게도 typeerror발생! 이유는? 더블함수가 실행할때는 더블함수가 만들어지지않아서 (자바스크립트는 기본적으로 위에서 아래로 실행되기때문에) const a = 7 double() const double = function () { console.log(a * 2) } 예제) 함수선언일땐 가능 const a = 7 double() function double() { console.log(a * 2) } 함수선언은 밑에다가 작성을해도 호출이 가능하다. 언제 유용할까? 복잡한 로직을 사용할때, 복잡한 코드를 위에서 아래로 읽어내려갈때, 더블함수가 어디에서 실행되는지 찾기..

즉시실행함수 (IIFE, immediately-invoked function expression) 즉시실행함수 사용 전) const a = 7 function double() { console.log(a * 2) } double(); //14​ 함수를 만들었을때 함수가 기본적인 내용으로 만들어지고 한 번 실행하고나면 더 이상 쓸모없다는 생각이들때 바로 즉시실행함수를 사용함! 1) 익명의 함수를 만들어준다. 2) 익명함수는 호출할수없기때문에 () 소괄호를 만들어서 그안에 넣어준다. 3) 함수를 호출하기위해 뒷쪽에 ()소괄호를 또 넣어준다. 즉시실행함수 사용 후) (function () { console.log(a * 2) })() (function () { console.log(a * 2) }()) 둘다 ..

화살표함수 (익명함수일때만 사용이 가능하다.) - 함수를 축약형으로 만들어줌 //() => {} vs function () {} const double = function (x) { return x * 2 } console.log('double:', double(7)) //매개변수가 하나일때 const doubleArrow = x => x * 2 console.log('doubleArrow:', doubleArrow(7)) 매개변수가 두개이상이아니고 하나일경우엔 () 소괄호도 생략이 가능한다. //매개변수가 두개일때 const doubleArrow = (x, y) => x * 2 console.log('doubleArrow:', doubleArrow(7)) 화살표함수에는 숫자데이터 문자데이터 블린, nu..

함수 function sum(매개, 변수) { console.log(매개 + 변수) } sum(1, 3) sum(4, 12) 함수도 변수처럼 '재활용'이 가능하다. 함수가 호출될때 함수의 같이 들어가는 특정한 값들을 인수라고 하며 그 값들을 받아줄수있는 함수선언부에 같이 선언된 변수들을 매개체가되는 매개변수라고 한다. ex) function 함수이름(매개변수) 받는값(인수) 리턴(return) function sum(매개, 변수) { return 매개 + 변수 } const a = sum(1, 3) const b = sum(4, 12) console.log(a) //4 console.log(b) //16 함수의 결과가 반복적일땐 변수에 담아서 사용하는것이 좋고, 단일로만 사용할땐 그대로 함수를 호출하는것..