자바스크립트 기초 - 함수, 화살표 함수, 함수 초기값, 나머지 파라미터

함수 - function

처리 작업을 하나로 모아서 이름을 지정하고 싶을 때, 반복하여 사용하고 싶을 때 사용.

들어온 값을 처리하고 그 결과를 반환하는 구조이며, function으로 함수를 정의

함수에 전달되는 값을 파라미터라고 한다.

function testFunction(a){
    const result = a + 1;
    return result;
}
console.log("테스트 : ", testFunction(5));

---

파라미터의 개수는 제한이 없으며, 콤마로 구분

function calc(a, b, c, d){
	const result = a + b + c + d;
    return result;
}
console.log(calc(1, 2, 3, 4));

---

함수 내에서는 return 구문을 몇 번이라도 사용 가능.

 return 구문을 만나면 함수가 종료된다.

function testFunction(a, b){
	if(a >= 50){
    	return a;
	}
    
    if(a > b){
    	return a;
    }
    
    return b;
} 
const myRtn = testFunction(50, 20);
console.log(myRtn);

---

반환 값이 없는 경우 생략 가능

function testFunction(){
	console.log('안녕하세요~~~~!!!');
}
testFunction();

---

화살표 함수 -  () -> { }

함수를 간략히 정의하고 싶을 때, this를 지정하고 싶을 때 사용

const calcSum = (a, b, c, d) => {
	const reult = a + b + c + d;
    return result;
}

console.log(calcSum(1, 2, 3, 4));

---

화살표 함수는 일반 함수와 달리 파라미터가 하니인 경우 () 생략 가능.

파라미터가 없거나 2개 이상인 경우 생략할 수 없다.

const myFunction1 = (a) => {
	return a + 5;
};
console.log(myFunction1(5));

const myFunction2 = a => {
	return a + 5;
};
console.log(myFunction2(5));

const myFunction3 = (a) => a + 5;
console.log(myFunction3(5));

---

함수의 파라미터 초기값

함수의 파라미터의 초기값을 설정하고 싶을 때, 파라미터를 생략 가능하도록 설정하고 싶을 때.

파라미터로 전달되는 값이 없는 경우에 디폴트로 정의된 값을 사용하여 처리한다.

function calcFunction(price, tax = 0.15){
	const result = price + price * tax;
    return result;
}
const result1 = calcFunction(200);
console.log(result1);

const result2 = calcFunction(200, 0.2);
console.log(result2);

---

다수의 파라미터 함수(나머지 파라미터)

임의의 파라미터를 가지는 함수를 정의하고 싶을 때 사용.

'...파라미터'와 같은 방식으로 사용며, 나머지 파라미터라고 함.

function calcSum(...prices){
	let result = 0;
    for(const value of prices){
    	result += value;
    }
    return result;
};
const result1 = calcSum(10, 20);
console.log(result1);

const result2 = calcSum(10, 20, 30);
console.log(result2);