JavaScript에서 함수란 작업을 수행하거나 값을 계산하는 문장 집합
같은 자바스크립트 절차를 의미한다.
'안녕하세요'라는 문자열을 출력해주는 함수의 예시를 살펴보자.
function sayHello() {
console.log('안녕하세요');
}
함수를 사용했을 때 장점은 반복을 줄여준다는 것이다.
sayHello라는 함수를 만듦으로써 '안녕하세요'라는 문자열을
출력하고 싶을 때마다 console.log('안녕하세요');
라는 코드를
작성하는 것 대신에 sayHello();
라는 코드를 작성하면 된다.
위의 예시에서 콘솔 창에 출력되는 내용을 '안녕하세요'가 아니라
'안녕하세요, 루디님'으로 바꾸고 싶다면 어떻게 해야할까?
function sayHelloRudy() {
console.log('안녕하세요, 루디님');
}
위와 같은 코드로 변경하면 해결된다.
function sayHelloJW() {
console.log('안녕하세요, 진우님');
}
이런 식으로 바꾸면 된다.
하지만, 위와 같은 방식으로 함수를 계속 만들게 된다면,
이름을 변경할 때마다 함수의 이름과 출력되는 내용을 고쳐야 한다.
효율적이지 못한 코드 작성 방법이다.
함수의 인자를 사용한다면 문제를 해결할 수 있다.
function sayHello(name) {
console.log(`안녕하세요, ${name}님`);
}
name이라는 인자를 가진 sayHello라는 함수를 만들었고
'안녕하세요, 루디님'을 출력하고 싶다면
sayHello(루디);
이렇게 함수를 호출하면 되고,
'안녕하세요, 진우님'을 출력하고 싶다면
sayHello(진우);
이렇게 함수를 호출하면 된다.
함수의 인자를 사용하면 데이터를 편하게 정제할 수 있다.
하나의 서비스를 만들 때 많은 양의 데이터가 존재하는 경우가
많기 때문에 함수를 만들 때 인자를 사용하는 것은 유용하고
거의 필수적이라고 생각된다.