function 함수

function에 대해 알아보자. 기본적인 모양은 이렇다

function logger() {
    console.log('My name is Jonas');
}

함수를 사용하는 이유는 계속해서 똑같은 코드를 반복하는 대신 간단하게 함수를 호출하여 재사용할 수 있기 때문이다. 함수를 호출하는 방법은 아래와 같다.

logger();

이번에는 parameters(매개변수)와 arguments(인수)를 사용하는 함수를 보자.

function fruitsProcessor(apples, oranges){
   
    const juice = `Juice with ${apples} apples and ${oranges} oranges.`;
    return juice;
}

const applejuice = fruitsProcessor(5, 0); //arguments
console.log(applejuice);
console.log(fruitsProcessor(5, 0));

위 코드에서 함수 정의 부분의 apples와 oranges는 매개변수(parameters)이다. 함수가 호출될 때 이 매개변수들은 전달된 인수(arguments)로 대체된다. 예를 들어, fruitsProcessor(5, 0)를 호출하면 apples는 5로, oranges는 0이 되는 것이다. 그래서 juice의 값은 Juice with 5 apples and 0 oranges.가 된다.

이 juice라는 값을 다른 곳에서도 쓸 수 있도록 return 해준다. fruitsProcessor(5, 0)의 결과를 appleJuice라는 변수에 할당하는 이유는, 함수가 반환한 값인 Juice with 5 apples and 0 oranges.를 변수에 저장하여 나중에 보거나 다른곳에 사용하기 위해서이다.

즉, 주스를 만들기만 한 상태에서 실제로 그 값을 확인하려고 console.log를 사용하여 변수를 출력해주는 것이다.