JS 함수

➡️ 화살표 함수

함수 표현식에 대한 간결한 대안으로 생성자로 사용불가
매개변수 주위의 괄호와 함수 본문 주위의 중괄호를 생략가능
(괄호는 함수에 하나의 간단한 매개변수가 있는 경우에만 생략가능)

( ) = > vs function ( ) { }
객체데이터는 소괄호로 감싸줘야 함 {(name : subin)}

const double = function (x) {
return x * 2

console.log("double",double(7));

-------------------------------------

const doubleArrow = (x) => x*2
console.log("doubleArrow",double(7)

둘 다 14

📍 즉시실행함수, IIFE

소괄호 두개로 즉시실행 함

const a = 7;
function double() {
console.log(a * 2);
}
double();

-----------------------------------
1.(x)()
(function () {
    console.log(a * 2);
})();

2.(x())
(function () {
    console.log(a * 2);
}());

🔺 호이스팅

함수 선언부가 유효범위 최상단으로 끌어올려지는 현상

const a = 7;
double();

function double() {
    console.log(a * 2);
}

⏳ 타이머함수

settimeout(함수,시간) : 일정 시간 후 함수실행
setInterval (함수,시간) : 시간 간격마다 함수 실행
clearTimeout() : 설정된 timeout 함수를 종료
clearInterval() : 설정된 interval 함수를 종료

const timer = setInterval(() => {
    console.log("heropy!");
}, 3000);

const h1el = document.querySelector("h1");
h1el.addEventListener("click", () => {
    clearInterval(timer);
});

h1 태그 클릭 시 함수 종료

👀 콜백

함수의 인수로 사용되는 함수

setTimeout(함수,시간)

function timeout(callback) {
    setTimeout(() => {
        console.log("heropy!");
        callback();
    }, 3000);
}
timeout(() => {
    console.log("done");
});

✍️ 패캠 강의를 듣고 작성하기 끝!