[JavaScript 기초] 함수

함수(function)란 ?

• 논리적인 작업을 하는 하나의 기능 작업 단위
• 목적을 가진 작업들을 수행하는 코드들이 모인 블록, 묶음 ( like 즐겨찾기 버튼 )
• 입력과 출력간의 mapping = 구체적인 입력값과 출력값이 존재
• 함수는 항상 출력 값(return)을 반환한다.

function getSomeCoffe(){
	// 1. 물을 끓인다.
	// 2. 원두를 갈아 온다.
	// 3. 드리퍼에 필터를 설치한다.
	// 4. 드립 커피를 추출한다.
	// 5. 만들어진 커피를 제공한다. (return)
}
// 함수는 지시사항들의 묶음, 작은 동작(기능)의 단위로 위와 같이 일련의 과정들을 함수에 순차적으로 담아준다.

함수의 사용법

1. 함수의 선언 (declaration) ( = 버튼 생성 )
2. 함수의 호출 (call, invocation) ( = 버튼 사용 )

• 함수 호출 → 함수 코드 조회 → 파라미터값이 호출시 전달된 인자값으로 변경
  → 함수 코드 실행 → 함수 리턴하면 호출된 값으로 리턴됨.

parameter

매개변수(선언), 입력에 따라 변경될 수 있는 변수.
변수이지만 별도의 선언 필요 없음.

argument

전달인수(호출)

• argument가 parameter보다 더 많이 전달되면
  남은 argument는 어느 parameter에도 할당되지 않습니다.
  그러므로 함수는 첫 번째 인자만 전달받아 값을 리턴합니다.

• parameter가 argument보다 더 많이 전달되면
  남은 argument는 어느 parameter에도 할당되지 않습니다.
  그러므로 함수는 undefined 값을 리턴합니다.

함수선언식 vs 함수 표현식 vs 화살표 함수

함수선언식

function getTriangleArea(base, height) {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}

함수표현식

const getTriangleArea = function (base, height) {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}

화살표 함수

const getTriangleArea = (base, height) => {
  let triangleArea = (base * height) / 2;
  return triangleArea;
}