🍒 함수 정의하기

---

🍒 함수 호출하기

---

function sayhi() {
  let hi = "안녕";
  return hi;
} //함수선언

sayhi(); //함수호출

함수 내부가 실행되려면 위와 같이 호출해야한다. 함수를 정의만 하고 호출하지 않으면 실행되지 않는다!

(🚨정의와 호출 잘 구분하기!!!)

🍒 함수 선언하고 호출하기

---

```jsx function add(x) { var y = x + 1; return y; } ```

여기서 add은 변수이름, x는 사용자가 넣고 싶은 것을 넣는 곳이다(인자를 넣는다)

x를 매개변수(Parameter), 함수 안에는 y라는 변수를 만든뒤 x에 +1을 더하라 되어있다.

return은 y값(변수)을 바깥으로 내보내고 함수를 종료하라는 것이다.

즉 x값을 받아 1을 더한 후 바깥으로 내보내라는 것이다. 이것을 반환이라고 한다.

이렇게 미리 만들어둔 함수를 실행하는 행위를 호출한다라고 표현한다

호출을 통해 반환하는값(y)를 저장할 그릇(변수)을 하나 만들어준다

아래에서 호출하는 것은 add(1);

var i = add(1);
i; // 2 

1(인자)을 넣으면 1이 매개변수x로 전달->함수 내부 코드 실행->1+1 -> return에 의해 y값(2) 반환 -> i에 y값인 2가 저장

📌함수의 실행되는 흐름

1. 호출한 코드에 있는 인수가 함수 정의문의 인자에 대입된다.
2. 함수 정의문의 중괄호 안에 작성된 프로그램이 순차적으로 실행된다.
3. return 문이 실행되면 호출한 코드로 돌아간다.이것은 반환값이 된다.
4. return 문이 실행되지 않은 상태로 마지막 문장이 실행되면, 호출한 코드로 돌아간 후에 undefined 함수가 반환값이 된다.

---

함수가 return 하지 않을 때

---

함수 중에는 return 하지 않는 함수도 있다

예시

var dateChecker = function() {
    var date = new Data();
    alert(data);
    };
    dateChecker(); // undefined가 나옴

콘솔 창에 실행을 시키면 undefined가 표시된다.
이것은 dateChecker함수의 return값이다.

모든 함수는 return을 입력하지 않으면 자동으로 undefined가 동작한다

또한 return 이후에는 함수가 종료되어 시행되지 않는다.

예시)

var really = function() {
    return;                 //리턴실행
    alert('실행되지않습니다'); //return보다 뒤에 있기 떄문에 무시된다
    };
    really();