자바스크립트 - 함수의 인자가 필요한 이유

정진우·2022년 5월 14일
0

JavaScript

목록 보기
2/3
post-thumbnail

🤔 함수란?

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(진우); 이렇게 함수를 호출하면 된다.




✨결론

함수의 인자를 사용하면 데이터를 편하게 정제할 수 있다.
하나의 서비스를 만들 때 많은 양의 데이터가 존재하는 경우가
많기 때문에 함수를 만들 때 인자를 사용하는 것은 유용하고
거의 필수적이라고 생각된다.

profile
프론트엔드 개발자를 꿈꾸는

0개의 댓글