함수( function )의 정의 와 표

 

학습 목표

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

 

 

 

 

함수(function) 란?
기능의 가장 작은 단위를 말한다. 

 

 

 

쉽게 말해 언제든 사용할 수 있는 '버튼' 같은 것이다.

그럼 사용 법을 살펴보자.

 

// 함수 선언법

// 매개변수 : parameter
// 전달인자 : argument

키워드 함수이름(매개변수1 , 매개변수2){ 
  let 변수이름 = 매개변수1 + 매개변수2;
  return 변수이름
}

함수이름(전달인자1, 전달인자2)

//예시

function Name(p1, p2){ 
  let sum = p1 + p2;
  return sum;
}

// 함수 호출법 & 사용법
Name(1,2) * 3
>> 9

 

함수의 선언 법에는 3가지의 방법이 있다.

선언 법 /  표현 법 / 화살표 함수 표현 법

//함수를 선언법으로 선언

function sayHi() {  // 함수명 sayHi가 곧 변수명
  alert("Hello");
}

sayHi(); // Hello
>> Hello


//표현법으로 선언 : 변수에 함수를 할당함

let sayHi = function() {  // 변수sayHi가 곧 함수명
  alert("Hello");
};

sayHi(); // Hello



//함수를 화살표 표현법으로 선언 

const sayHi = () => alert("Hello") // 표현식을 기반으로 변수 선언 후

 

---

리턴 retrun 이란?
함수의 반환 값 을 말한다.

//예시

// retrun : 주세요

function 라면_주세요(면, 스프, 끓이다){

   let 라면 = 물; // 라면 = 물
   
   라면 = 라면 + 면 // 라면 = 물 + 면
   
   라면 = 라면 + 스프 // 라면 = 물 + 면 + 스프
   
   라면 = 라면 + 끓이다 // 라면 = 물 + 면 + 스프 + 끓이다

   return 라면 
   >> 물 + 면 + 스프 + 끓여서 주세요
   
   // return 면 === '라면을 끓여서 면을 주세요'
   // return 스프 === '라면을 끓여서 스프를 주세요'

}