개발일지 20221114 기초문법 2 - 함수

1) 함수

 

자바와 c++를 맛보기 했던 입장에서, 어떤 언어를 배우든 늘 한결같이 이해가 되지 않는 부분은 존재했다

그리고 나는 그 중 하나가 함수에서의 return인데, 왜 함수를 선언할때 return이 따라붙는지 이해가 안 됐음

그래서 며칠의 고민 끝에 내가 코딩에 손을 대기 전까지 내가 유일하게 알고 있던 수학에서의 f(x)에 자바스크립트 function을 대입해 보기로 함ㅎ

내가 여태 배운 함수 f(x)는 함수식에 x값을 대입했을 때 y라는 값을 도출한다.

ex) f(x) = ax + b = y

 

이걸 자바스크립트에서 매개변수를 x로 하는 f함수로 치환하면

function f(x) {
	const y = a * x + b;
	return y;
}

f(x) // y 출력


// function f(x) { return a * x + b; } 로 써도 무방

이렇게 된다.

우리가 최종적으로 구해야 하는 것은 y값, 즉 목적을 반환return한다

 

a = 2, b = 3를 대입하면

function f(x) {
	const y = 2 * x + 3;
	return y;
}

f(5) // 13 출력

f(x) = 2x + 3 = y

이곳에 x = 5를 대입하면 13이 출력된다

 

 

 

2) 함수 선언 예시와 함수 호출

 

함수 선언 방식은 아래와 같다

 

function 함수명(매개변수들) {

이 함수에서 실행할 코드들

return 반환값

}

// 함수의 선언
function calculateAvg(price1, price2) {
	const sum = price1 + price2 // 매개변수인 price1, price2을 변수처럼 활용!
	console.log(`두 상품의 합계는 ${sum}입니다.`)
	const avg = sum / 2
	return avg // 평균가격을 리턴!
}

 

그리고 실제 이 함수를 사용하기 위해서는 선언에서 끝낼 것이 아니라 호출을 해야 하는데, 호출할 때는

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

를 쓴다

const priceA = 1000
const priceB = 2000
// 함수의 호출
const avg1 = calculateAvg(priceA, priceB)
console.log(`두 상품의 평균은 ${avg1}입니다.`)

const priceC = 3000
const priceD = 4000
// 함수의 호출
const avg2 = calculateAvg(priceC, priceD)
console.log(`두 상품의 평균은 ${avg2}입니다.`)