[JS] 드디어 함수!

 

함수란? 

하나의 기능을 가진 코드를 여기저기 만들어놓으면 지저분해지고 유지보수가힘들다. 
그래서 한군데에 정의해놓고 여기저기서 재활용하려고 만들어졌다고 한다.

여기서 잠깐! 함수는 기능을 정의하고 꼭 호출을 해야 한다! 

 

함수 선언 방식 

* function : 난 함수야! 라고 선언한다. 

* 함수 이름을 넣는다.

* 괄호안에 매개변수를 추가할 수 있다. 매개변수가 여러 개면 쉼표(,)로 구분해준다. 

 

 

예시 

 

1) 기본형 

function singSong() {    //1. 선언한다. 
  console.log("DO");
  console.log("RE");
  console.log("MI");
}

singSong();    //2. 호출한다.

 

2) 매개변수 사용 

function greet(person){
  console.log(`Hi, ${person}!`);
}

greet('Cindy');
greet('Anderson');

3) 복수의 매개변수 사용 

function greet(firstName, lastName) {
  console.log(`Hi there! ${firstName} ${lastName}!`);
}

greet("Clooney", "George");

 

자, 여기서 중요한 개념! 

 

return 

함수의 입력값이 있고 출력값이 있다면 return이라는 반환키워드를 사용해서 출력값을 구할 수 있다. 

다음과 같이 두 가지의 기능이 있다.

 

첫째, 값을 반환한다. 

function add (x, y){
   let sum = x + y;
   return sum;  
}

add (9,4);  //결과값이 13이 나온다.

 

둘째, 함수 실행을 중단시킨다. 

function add (x, y){
   let sum = x + y;
   return sum;  
   console.log("END OF FUNCTION!!!") //return때문에 이 코드는 실행되지 않는다!!
}

add (9,4);