TIL 3. 함수의 정의와 호출

오늘은 함수의 정의와 호출에 대해서 알아보려고 한다.

💻 함수의 정의란

• 함수는 Function 객체.
• JavaScript에서 기본적인 구성 블록 중의 하나이다.
• 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차이며
  함수를 사용하려면 함수를 호출하고자 하는 범위 내에서 함수를 정의해야만 한다.

function itsMe (name, age) { (매개변수1, 매개변수2) // 함수 키워드 함수명
  return `Hello, my name is {name}, {age} old;// 반환 값
}//여기까지 함수 몸체
const greeting = itsMe('chang', 27); 함수 호출 후 변수에 할당
console.log(greeting)// 변수 출력

함수 정의는 말그대로 실행시킬 일련의 과정의 정의를 내려
함수의 존재를 선언하는 것 뿐이지 실행을 의미하는 것은 절대 아니다.

💻 함수의 호출이란

• 함수 호출(function definition)할 땐 함수 내부 ()안에 필요한 인자를 넣어주면 되고 없다면 생략가능하다.
• 함수를 호출하면 코드 블록에 담긴 문들이 일괄적으로 실행되어 실행 결과로서 반환값을 반환한다.
• 함수가 호출될 때 무엇을 할지 지정 해주는 것이다.

itsMe('chang', 27) // 'chang'과 7이라는 인수를 가지고 함수를 호출한다.

💻 함수는 왜 필요할까?

• 함수는 필요할 때 여러번 호출할 수 있으며, 실행 시점을 개발자가 결정할 수 있고 몇 번이든 재사용이 가능하다.
• 동일한 작업을 반복적으로 수행해야 한다면 같은 코드를 여러번 사용하는 것보다 함수를 이용하는 것이 훨씬 효율적이고 가독성이 좋다
• 유지보수의 편의성을 높여주고 코드의 신뢰성을 높이는 효과가 있다.

💡 함수를 사용하지 않은 코드

const a = 0;
const b = 0;
const result = 0;

a = 1;
b = 2;
result = a + b;

a = 3;
b = 4;
result = a + b;

a = 5;
b = 6;
result = a + b;

💡 함수를 사용한 코드

function add(a,b) {
  return a + b;
}
const result = 0;

result = add(1,2);
result = add(3,4);
result = add(5,6);
 

📚 하루하루 알아가면서 항상 느끼는 것은 개발자의 지식 바다는 넓고
끝이 없다는 것이다. 글을 작성하는 과정 속에서도 한없이 부족함을 느끼며
수많은 구글링과 기본 개념을 머릿속에 넣기 위한 공부를 꾸준히 하여
훗날 이 글을 다시 읽으면서 부족했던 내가 이 정도까지 성장했구나 하는
스스로의 만족감을 느끼고 싶다. 그러기 위해 계속해서 TIL 하겠다.