JavaScript 함수(2)

[함수의 기초]

함수란 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블록

• 입력 - 함수 - 출력
• 함수는 항상 출력값을 반환한다.
  
  

 

 

삼각형의 넓이를 구하는 법

 

const base = 3;
const height = 4;
const triangleArea = (base * height) /2;
console.log(triangleArea);    //Output: 6

 

만약 밑변이나 높이가 다른 삼각형의 넓이를 구해야 한다면 또 다른 변수를 선언해야 한다.
이것을 함수로 바꿔 간편하게 사용할 수 있다.

 

함수를 사용하여 삼각형의 넓이를 구하는 법

 

 function getTriangleArea(base , height) {
  let triangleArea = (base * height) / 2;
  return triangleArea      
}
console.log(getTriangleArea(2,4))   //prints 4

     

출력값이  return문의 값

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

console.log(getTriangleArea(2,4))    //prints undefined

 

➡️ 함수 내부에서 return을 하지 않은 경우
    출력값이 undefined

 

[함수의 종류]

1. 함수선언식

 

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

 

2. 함수표현식

 

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

 

 

3. 화살표 함수

 

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

 

• 화살표 함수의 본문(body)에 return문만 있는 경우,  :return과 {} 중괄호(curly bracket)를 생략할 수 있다.

 

const getTriangleArea = (base, height) => base * height / 2; //0, 정상작동

 

const getTriangleArea = (base, height) => {base * height / 2;}   //X, undefined 리턴

 

• return문에서 소괄호를 사용할 수 있다. 

 

const getTriangleArea = (base, height) => (base * height / 2);  // undefined

 

• 만약 함수 내의 표현식이 2줄 이상인 경우,  :return과 {}를 적절히 사용
  
  
  

 

 

 

 

선언                      매개변수(parameter)
function getTriangleArea(base , height) {
  let triangleArea = (base * height) / 2;
}

호출          전달인자(argument)
getTriangleArea(3 ,4)

---

    ⭐️⭐️⭐️중요⭐️⭐️⭐️

 

• 함수를 함수 선언식, 함수표현식, 화살표 함수로 표현하고 바꿔 사용할 수 있다.
• 함수란 "작은 기능의 단위"이다.
• 함수 선언에 필요한 keyword, name, parameter, body 이해할 수 있다.
• 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다.
• 함수 그 자체(func)와, 함수의 호출(func())를 구분할 수 있다.
• 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다.