[코캠]베이스캠프 4일차 | 함수

벌써 베이스캠프 4일차가 지났다!!
오늘은 함수 작성 방법, 그리고 내장함수에 대해 배웠다.
그리고 싸이월드에서 끝말잇기 게임을 구현하였다.
다시 한번 차분히 정리해보쟈!

1. 함수의 종류

함수의 선언식

함수 선언식은 함수 이름을 생략할 수 없다.

function 함수이름(param1, param2, ...){
    // ...code here
    return 결과값
}

함수의 표현식

함수 표현식은 함수 이름을 생략할 수 있다. 이러한 함수를 익명 함수라 하는데, 호이스팅의 영향을 받지 않아 함수선언식 보다 함수 표현식을 사용할 것을 권장한다.

const 함수이름 = function**(param1, param2, ...){
    // ...code here
    return 결과값
}

✅ 화살표 함수 : 실무함수

화살표 함수는 function키워드 대신 화살표 =>를 사용해 좀 더 간략한 방법으로 함수를 선언할 수 있다.

매개변수(parameter)와 return 값은 필수가 아님

const 함수이름 = ( param1, param2, ... )=>{
    // ...code here
    return 결과값
}

---

2. 내장함수

내장함수라는 자바스크립트가 함수 선언을 미리 해놔서 호출만으로 사용할 수 있는 함수를 뜻한다.

### 2-1. setTimeout 시간 지연함수로 **입력 시간이 만료된 후** 함수나 지정함 코드를 실행한다. ``` setTimeout(() => console.log('Hi'),1000); //1초(1000ms) 후 타이머가 만료되면 호출됨 ```

2-2. setInterval

시간 반복함수로 입력한 시간마다 함수를 반복적으로 호출하거나 코드를 실행한다.

setInterval(function(){
    console.log("hi")
},1000)
//1초(1000ms)마다 호출됨

2-3. 내장함수 예제

//타이머 예제

let time = 180;

setInterval(function(){

   if (time >= 0) {
       let min = Math.floor(time / 60)
       let sec = String(time % 60).padStart(2,"0")
       console.log(`${min}:${sec}`)
       time = time - 1
   }
    
},1000)

그리고 오늘 작업한 싸이월드 4일차!