함수

함수?

• 특정 작업을 수행하는 코드의 집합
  만약 아래와 같은 코드가 있는데 요런 코드가 한두개가 아닌 수십, 수백번씩 반복되어 평균을 구하고 출력해야 한다면 여간 번거로운 일이 아니다.

const a = 1
const b = 2
const sum1 = a + b
console.log(`합계는 ${sum1}입니다.`)
const avg1 = sum1/2
console.log(`평균는 ${avg1}입니다.`)

const c = 3
const d = 4
const sum2 = c + d
console.log(`합계는 ${sum2}입니다.`)
const avg2 = sum2/2
console.log(`평균는 ${avg2}입니다.`)

따라서!
마치 변수에 데이터를 할당해놓고 계속 사용하는 것처럼 함수라는 것이 등장!

선언

• 변수를 선언하고 값을 할당한 것 처럼 함수도 선언하고 이 함수가 실행할 코드를 만들어 저장해준다.

function 함수명(매개변수들...) { 
    이 함수에서 실행할 코드들
    return 반환값
}

🚨 매개변수란?

• 함수의 바디 '{...}'에 있는 코드에서 사용할 수 있는 일종의 변수로 함수 호출 시 전달한다.
• 함수를 실행하시 위한 input

function calculateAvg(price1,price2) {
    const sum = price1 + price2
    console.log(`두 상품의 총 합은 ${sum}입니다.`)
    const avg = sum/2
    return avg
}

호출

• 선언만으로는 그래서 어떤 값으로 쓸건데...? 실제 함수를 사용하기 위해서는 호출을 해야한다.

const 변수명 = 선언한 함수명(매개변수들...)

const priceA = 1
const priceB = 2
const avg1 = calculateAvg(priceA,priceB)
console.log(`두 값의 평균은 ${avg1}입니다.`)

호출이 이루어지면 호출 시 선언한 변수의 값을 선언한 함수에 대입하여 함수가 실행되고 이 값의 평균값이 나온다.

예제

function priceavg(price1, price2, price3) {
    let avg = (price1 + price2 + price3)/3
    return avg
}

 const priceA = 1000
 const priceB = 2000
 const priceC = 3000

 const avg1 = priceavg(priceA, priceB, priceC)
 console.log(`평균은 ${avg1}입니다.`)

세 매개변수의 평균을 구하는 함수를 선언하고 priceA, priceB, priceC라는 변수를 선언해준다.
그리고 해당 값의 평균인 avg1의 값으로 선언했던 함수를 대입하면 선언한 함수의 body로 돌아와서 평균을 구하고 요 평균을 console.log에 찍어주는 흐름!