📖 함수란?

함수란 목적을 가진 작업을 수행하기 위해서 독립적으로 설계된 코드이다.

1. 함수 정의와 호출

• 함수의 정의

  • 함수는 아래와 같은 구조를 가진다.

    input 받기 👉 function (기능 수행) 👉 output (return) 반환

    • 단, 함수를 작성할 때 모든 구성 요소가 포함되어 있어야 하는 것은 아니다.

   function 함수이름(input) {
    수행할 기능
    return //output
    }

  ✅ 이러한 과정을 함수를 선언한다 또는 정의한다고 말한다.
  

• 함수의 호출

  • 함수는 선언 후에 실행하는 과정이 필요하며, 이는 정의하고 호출한다 라고도 표현된다.
  • 호출 방법은 정의된 함수 끝에 소괄호를 이용하여 호출된다.

   function 함수이름() {
    수행할 기능
    }
  
    함수이름(); ← 호출

  
  

2. input이 있는 함수

• input = parameter 또는 인자라고 부른다.
• 함수이름 옆 -> 소괄호와, 호출시 사용되는 소괄호 내부는 인풋의 자리라고 볼 수 있다.
• 호출 시 입력된 괄호안 인자값은 argument 라고도 한다.

   function sayHello (name) {
   return 'hello ', + name
   }

   sayHello('G')
        
   // 반환값 = 'hello G'

• 함수 하나에 인자만 3개를 생성해 각기 다른 아웃풋을 만들어 낼 수 있다.
• 인자에는 여러개가 들어갈 수 있으나, 인자 순서에 맞게 argument 값이 들어가야한다.
  
  

3. output(return)이 있는 함수

• return은 함수의 output이며, 반환되는 결과물이라고 볼 수 있다.
• 단, 이는 눈에 보이지 않는 반환값으로, console에 출력할 수 있는 명령어가 아니다.
• 반환된 리턴값을 보려면 → console.log(함수이름())을 이용하여 확인해 볼 수 있다.
• 리턴한 값은 변수에 할당 할 수있다.
  *console.log()는 변수 할당이 불가능하며, 이는 리턴과의 차이점이라고 볼 수 있다.

    function 함수이름() {
    수행할 기능
    return; ← output
    }
    함수이름(); 

  
  

마지막, 함수가 필요한 이유?

• 불필요한 반복 작업을 피할 수 있다.

  • 동일한 동작의 코드를 여러번 사용해야 할 때, 똑같은 코드를 여러번 작성하지 않고, 해당 함수를 필요한 곳에 호출만 하여 사용할 수 있다.

    👉 이는 추후 발생될 유지보수도 편리하도록 만들어 준다.

❌ 함수 사용 시 주의점

• 중괄호를 기준으로, 함수 내부에서 선언한 변수와 인자는 외부에서 사용이 불가능하다.

함수 사용 예시

function getLengthOfName (name) {
 return name.langth
}

function getAge (age) {
 console.log(age)
}

function getFullName (firstName, lastName) {
 const fuiiName = lastName + firstName
 console.log(fuiiName)
 return fuiiName
}

getLengthOfName('김코드') //반환값 = '3'
getAge(3) // 콘솔 출력 = '3'
getFullName('코드', '김') // 콘솔 출력 및 반환값 = '김코드'