함수

a. 함수

1. 함수 : function. 처리해야 할 과제에 따라 기능별로 여러 문장을 묶어놓은 것.

 - 특정 기능을 수행하는 소스코드를 따로 묶어 놓은 것

 

2. 함수의 호출

 : 함수가 어떤 명령을 처리할 지 미리 알려주는 것을 함수를 선언하다, 정의한다고 함

 

3. 인수와 매개 변수

 * 인수(arguemnt)

  - 함수를 실행할 때 매개 변수로 넘겨주는 값

 * 매개 변수(parameter)

  - 함수를 선언 할 때부터 외부에서 값을 받아줄 변수를 만들어 놓아야 하는데 이를 매개 변수라고 함 

  - 매개 변수는 선언한 함수 안에서만 사용됨

 

4. 함수 해석 순서

① 자바스크립트 해석기가 function 이라는 예약어를 만나면 함수를 선언하는 부분이라는 것을 인식하고 블록 함수({ })을 해석한다. 아직 실행하지 않는다. ② addNumber(2,3)을 만나면 해석해 두었던 addNumber( ) 함수를 실행한다. ③ addNumber( ) 함수에서 첫번째 인자 2는 파라미터 num1로, 인자 3은 파라미터 num2로 넘겨 더한 값은 변수 sum에 저장한다 ④ 함수 실행이 모두 끝나면 결과값 sum을 함수 호출 위치 즉 var result로 넘긴다 ⑤ result 변수에 있는 값을 화면에 표시한다

---

b. 함수 표현식

1. 함수 선언식

//함수 선언식 예시
function addNum(num1,num2){
  let result = num1 + num2;
  return result;
};

 

2. 함수 표현식

 - 변수를 선언하고(let minNum) 변수에 익명 함수 할당

//함수 표현식 예시
let minNum = function(num1, num2){
  let result = num1 - num2;
  return result;
}

 

3. 화살표 함수

 - 함수 표현식을 바탕으로 함

 - 익명 함수에서만 사용 할 수 있음!

 - 함수 표현식을 바탕으로 하여 'function'을 생략 할 수 있고,  return문이 하나만 있을 시에는 'retrun'도 생략 가능!

// 함수 표현식
let sum = function(a, b) {
  return a + b;
};

// 화살표 함수 
let sum = (a, b) => a + b;

alert(sum(1, 2)); // 3

① 매개 변수가 없는 화살표 함수 

② return문이 하나여서 'return'도 생략한 화살표 함수

③ 매개 변수가 2개인 화살표 함수

 

* 특징1 - 함수 본문에 return문이 하나만 있으면 return,  { } 중괄호 생략 가능! { } 중괄호 입력하면 undefined retrun 되니 주의!

* 특징2 - return문에서 소괄호 대신 사용 가능!