JavaScript 입문 9일차

반복문 부분이 지나가고 함수 부분에 들어오게 되었다. 반복문 부분과 함수 부분이 책에서 높은 난이도에 속하는 부분이라는 강사 분의 언급을 잘 느낄 수 있었다. 일단 함수 부분은 확실히 알고 넘어가야하는 만큼 이틀정도의 시간을 들여 개념을 확실히 잡고 가려고 한다.

21/05/19 JavaScript 공부정리

함수 개념정리

• 익명 함수

const f = function () {}

위와 같은 형태가 익명 함수의 기본형태 이다.
이름이 붙여지지 않은 함수이므로 익명함수라고 말한다.
예시로 경고창 으로 '안녕하세요' 를 출력하는 함수를 만들 경우 아래와 같다.

const f = function () {
   alert('안녕하세요')
}

이 코드를 크롬의 콘솔창에 복사하고 입력한 뒤 'f()' 를 입력해보면 경고창으로 '안녕하세요' 를 출력하는 것을 볼 수 있다.

• 함수 용어정리

  '점프': 호출위치에서 함수 본문으로 이동하는 것
  '리턴': 함수 본문에서 호출 위치로 나오는 것

• 선언적 함수

function 함수() {

}

위의 형태를 '선언적 함수' 라고 한다. 위의 익명 함수와 다른점은 익명함수는 'function' 뒤에 아무것도 오지않고 바로 괄호가 나오지만 선언적 함수는 'function' 뒤에 이름을 붙여서 사용한다. 선언적 함수는 아래의 코드와 같은 기능을 수행한다.

let 함수 = function() {};

• 매개변수
  함수를 호출할 때 괄호 안에 적는 것

• 리턴값
  함수의 최종 결과

• 매개변수와 리턴값을 가지는 함수

function 함수(매개변수) {
   문장
   return 리턴값
}

간단한 예시로 우리가 수학에서 흔히 볼 수 있는 미지수 한개를 포함한 방정식을 만들어보겠다.

const f = function 함수(x) {
    return x + 5
}

alert (f(10))

위의 코드를 실행하면 간단하게 경고창으로 x가 10일 때의 값을 경고창으로 출력해준다.
x에 다른 값을 보고 싶다면 f(x) 의 x 부분을 원하는 숫자로 바꾸면 될 것이다.

• 윤년을 구하는 예재
  책의 문제인 윤년을 확인하는 함수를 만들어보겠다.
  윤년의 조건은 따로 적지 안겠다. 인터넷에 다 나오니까

    const x = Number(prompt('년도를 입력해주세요',''))

    function 윤년(year) {
        return (year % 4 === 0) && (year % 100 !== 0) || (year % 400 ===0)
    }

    alert(`${x}는 윤년일까? === ${윤년(x)}`)

위와 같이 코드를 만들어보았다. 사용자로부터 년도를 입력받아 '윤년' 이라고 이름 붙인 함수를 이용하여 입력받은 년도를 윤년인지 아닌지를 true 와 false로 구분해준다.

함수에 대해서 더 공부를 하였지만 뒤의 콜백함수 같은 내용들은 내일 복습을 하며 이어서 정리하도록 하겠다.