#JavaScript Grammar_함수

#1. 함수란? = function(기능)

- input, output을 가지고 있는 단위이며, 적절한 input을 넣어야 output이 나옴.

- JavaScript내에서 기능의 단위로 묶어서 재활용을 하고 효율적인 코딩이 가능함. 

 

#2. 함수의 구조 

함수는 일반적으로 이름, 매개변수(입력 값), 함수 내부의 로직, 그리고 반환값으로 구성 

function 함수이름(매개변수) {
    // 함수 내부에서 실행할 로직
    return 반환값;
}

 

#3. 함수의 종류 

3-1) 함수 선언문

함수 선언문은 이름과 매개변수를 사용하여 함수를 정의함. 함수 선언문은 어느 위치에서나 호출할 수 있으며 호이스팅에 영향을 받음.

function add(x, y) {
    return x + y;
}

 

3-2) 함수 표현식

함수 표현식은 변수에 함수를 할당하는 방식으로 정의되며, 함수 표현식은 변수에 할당된 함수를 통해 호출할 수 있고 호이스팅에 영향을 받지 않음. 

let add2 = function(x, y) {
    return x + y;
};

// 3-1), 3-2)은 동일하지만 방식이 다르다. 

 

---

#4. 함수호출 (=사용함.)

함수를 호출할 때는 함수의 이름 뒤에 괄호를 사용하고, 필요한 인수(매개변수에 전달할 값)를 전달함. 함수를 호출하면 함수 내부의 로직이 실행되고, 반환값을 얻을 수 있음. 

let add2 = function(x, y) {
    return x + y;
};

console.log(add(2, 3)); // 5
console.log(add(3, 4)); // 7

+++ 추가 예시

let functionResult2 = add2(10, 20);
console.log(functionResult2); // 30

 

---

#5. 함수의 입력과 출력 

함수는 입력으로 하나 이상의 값을 받을 수 있음. 이러한 값을 매개변수(parameter)라고 부름. 매개변수는 함수 내에서 사용됨. 

함수는 `return`키워드를 사용하여 결과 값을 반환함. 변환값은 함수 호출 부분에서 사용될 수 있음.

function add(x, y) {
    return x + y;
}

let result = add(3, 4); // 함수를 호출하고 결과를 result 변수에 저장
console.log(result); // 7

 

---

#6. 함수의 활용 

함수는 코드의 재사용성을 높이고, 프로그램 모듈화하여 관리하기 싑게 만듬. 비슷한 작업을 반복하지 않고 함수를 호출하여 작업을 수행할 수 있음. 

function add(x, y) {
    return x + y;
}

let result = add(3, 4); // 함수를 호출하고 결과를 result 변수에 저장
console.log(result); // 7