25-1. JavaScript - 함수의 기본 문법

코드를 정리 정돈해서 재활용성을 높여주는 도구인 함수의 기본 문법 알아보기

23.6.11

중복이 발생 ➡ 유지보수 BAD 👎, 코드 가독성 BAD 👎
중복제거 도움 : 함수

반복적으로 등장하는 코드를 함수로 정의하기

function f123() {
  console.log(1);
  console.log(2);
  console.log(3);
}

전체코드

f123();
console.log('A');
console.log('Z');
console.log('B');
f123();
console.log('F');
console.log('C');
console.log('P');
console.log('J');
f123();
console.log('U');
console.log('A');
console.log('Z');
console.log('J');
console.log('I');
f123();

function f123() {
  console.log(1);
  console.log(2);
  console.log(3);
}

• 컴퓨터의 입장에서는 (함수 쓰기 전과) 같지만, 사람입장에서는 훨씬 간단하게 코드가 바뀜
• f123() 정확도가 같은 코드라는 것을 확신할 수 있음 ➡ 가독성 높아짐 👍
• 수정 및 변경이 쉬움, 유지보수 편이성 👍

---

25-2. JavaScript - 함수의 입력, 25-3.JavaScript - 함수의 출력

• 입력값에 따라 다르게 동작, 출력에 따라 다양하게 사용가능
  

🧐 1. Math객체

Math : JavaScript가 내장하고 있는 객체 (함수를 관리하는 디렉토리)
Math.round : JavaScript에 내장된 함수
round : 반올림을 해주는 함수

console.log(Math.round(1.6)); //2
console.log(Math.round(1.4)); //1

<출력결과>
2
1

• 입력값에 따라 반올림해줌!

🧐 2. 함수를 만들어보자

sum함수 만들기! : 첫번째 입력값+두번째 입력값

function sum(first, second){ //parameter 매개변수
  console.log(first+second);
}

sum(2,4); //argument : 각각의 입력

<출력결과>
6

함수는 입력값을 받을 수 있고, 그에 따라 다르게 동작할 수 있음

1. Math.round(); : console.log()를 쳐야 함, 출력말고 다르게 활용 가능 (filwrite(), email() 등)
2. sum(); : 함수 정의할 때 console.log()해놨기 때문에 상관 X, 단, 융통성 떨어짐

👉 즉, 우리도 2번을 1번처럼 결과를 순수하게 값으로만 사용해서 다양하게 응용할 수 있도록 바꿔보자!

🧐 3. 2번을 1번처럼 응용하기

- return: 함수 실행 멈추고, return 뒤에 따라오는 값을 출력함

function sum(first, second){ //parameter 매개변수
  return first+second;
}
console.log(sum(2,4)); //argument : 각각의 입력

return의 의미
1. 함수 출력
2. 함수 종료 (return 뒷줄은 실행하지 않음)