[Javascript] 기초 공부 - 함수 (1)

Function (함수)

함수는 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록이다.

함수 호출하기

변수와 마찬가지로 함수도 이름이 있다. 이름을 부르면 함수 내에 있는 코드가 실행되는데, 함수 이름을 부르는 것을 함수를 호출한다 라고 표현한다.

function checkCorrect() {
  let hi = "안녕 자바스크립트";
  
  return hi;
}

여기서 함수 이름이 checkCorrect이다. 위와같이 함수를 생성하고서 아래와 같이 호출하면 된다.

checkCorrect();

함수의 형태

function 키워드로 시작해서 함수 이름을 지어주고, 함수를 알려주는 괄호((): parentheses) 를 열고 닫는다. 함수의 시작을 알리는 중괄호 ({ : curly bracket) 을 열어주고, 실행할 코드를 작성하면 된다. 이부분은 함수의 body라고 불리기도 하는데, 들여쓰기를 해서 함수 내부 코드라는 것을 알기 좋게 해주자. return(반환) 할 것이 있다면 작성해주고, 중괄호 (} : curly bracket) 로 닫아준다.

함수의 정의부터 실행(호출)까지 해보기

위 그림과 같이 해주면 단순히 함수를 정의한 것에 지나지않는다. 즉, 아직 함수 내부가 실행되지 않는다는 의미이다.

function add() {
  let sum 3+3;
  return sum;
}

위는 add라는 함수를 정의한 것이다.
그리고 호출하기 위해서는 아래와 같이 호출해야한다.

add();

add 함수를 부르기 전까지는 sum 변수가 생기지도, 3+3 더해지지도 않는다. 내부가 실행되려면 위와 같이 함수를 호출해줘야한다.
함수를 호출하면 그제서야 add 함수가 실행되고, 그 때 3+3더하기가 되고 sum 변수에 저장된다.

함수를 호출하는 형태는 함수이름() 이다.