(JS) 함수

함수

1. 기본 정의

함수란 어떠한 목적을 가진 작업을 수행하기 위해 쓰이는 기능의 단위를 말한다.
값을 입력하고 출력할 수 있다.

function 함수이름 (parameter1,parameter2) {
함수가 호출되면 실행될 실행문;
}

• parameter(매개변수) : 함수 내부로 전달받은 변수 (위에서는 매개변수가 2개이다.)
• argument(전달인자) : 변수에 들어가는 값
  
  

2. 반환문 (return)

함수에서 수행된 결과 값을 받기 위해서 return문을 포함할 수 있다. 그리고 함수에서 return문이 수행되면 함수의 실행이 중단된다.
즉, return문이란 함수 내부에서 정해진 작업들을 수행하고 난 뒤에 값을 반환하기 위해 사용한다.

function add(num1,num2) {
    return num1 + num2;
}
console.log(add(7,12));
// 19

num1 + num2를 해준 값이 return이 되는데, console.log로 값을 출력해보았다.
argument(전달 인자)로 전달된 숫자 7과 12는 함수에서 정의된 parameter(매개변수) num1과 num2에 각각 대입된다.
따라서 호출된 함수의 내부에서 num1과 num2에 각각 7과 12를 대입해서 계산되어진다.

• return값을 명시적으로 작성하지 않으면 undefined를 return한다.

function add(num1,num2) {
    return;
}
console.log(add(7,12)); // undefined

3. 함수를 사용하는 이유

• 함수를 사용하지 않으면

let lastName = '문';
let firstName = '재웅';
let fullName = `${firstName} ${lastName}`;
console.log (fullName) ; // 재웅 문

let lastName2 = '홍';
let firstName2 = '길동';
let fullName2 = `${firstName2} ${lastName2}`;
console.log (fullName) ; //길동 홍

성과 이름을 받아 풀네임을 만드는 과정이다. 예시가 2개밖에 없을 때는 위처럼 따로 따로 코드를 작성해도 무리는 없겠지만, 데이터 양이 점점 늘어난다고 생각을 해보면 비효율적이고, 귀찮아 질 것이다.

• 함수를 사용하면

function fullName (firstName, lastName) {
    return `${firstName} ${lastName}`
}

let lastName = '문';
let firstName = '재웅';
console.log(fullName(firstName, lastName)); //재웅 문

let lastName2 = '홍';
let firstName2 = '길동';
console.log(fullName(firstName2, lastName2)); //길동 홍

함수를 사용하면 만들어진 함수를 토대로, 데이터가 추가될 때 함수의 매개변수에 전달인자만 전달해주면 계속해서 사용이 가능하다. 또한, 수정이 필요할 때에도 함수를 수정해주면 함수를 사용하는 데이터들이 다 수정이 된다.

재사용이 가능하며, 유지보수가 쉬움.