JavaScript - JavaScript 함수

1. JavaScript가 뭘까?
2. JavaScript를 시작하기
3. JavaScript의 기본 문법

4. JavaScript 제어문

5. JavaScript 함수

6. JavaScript에서 객체와 배열은 무엇일까?

 

 

JavaScript에서 함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행하기 위해 작성된다.

함수는 프로그램을 구조화하고 코드의 반복을 줄이는 데 매우 유용하다.

 

이번 글에서는 함수의 선언과 호출, 매개변수와 반환값, 그리고 다양한 함수 형태를 살펴보자!

 

---

1. 함수 선언과 호출

 

함수 선언

JavaScript에서 함수는 function 키워드를 사용해 선언한다.

function say() {
    console.log("Hello, Hanker!");
}

 

 

함수 호출

정의한 함수를 호출하려면 함수 이름 뒤에 괄호를 붙인다.

say(); // "Hello, Hanker!" 출력

 

---

2. 매개변수와 반환값

 

매개변수 (Parameters)

함수는 데이터를 입력받아 작업을 수행할 수 있다. 이를 위해 매개변수를 사용한다.

function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet("Hanker"); // "Hello, Hanker!" 출력

 

 

반환값 (Return Value)

함수는 특정 작업의 결과를 반환할 수 있다. 이를 위해 return 키워드를 사용한다.

function add(a, b) {
    return a + b;
}
let sum = add(5, 3);
console.log(sum); // 8 출력

 

---

3. 함수 표현식

 

JavaScript에서는 함수를 변수에 할당할 수도 있다. 이를 함수 표현식이라고 한다.

const say = function() {
    console.log("Hello, Hanker!");
};
say(); // "Hello, Hanker!" 출력

 

---

4. 화살표 함수

 

ES6부터 추가된 화살표 함수는 간결한 문법으로 함수를 작성할 수 있게 해준다.

const multiply = (a, b) => a * b;
console.log(multiply(4, 5)); // 20 출력

 

화살표 함수의 특징

- 중괄호({})와 return을 생략할 수 있다(한 줄 코드일 때)

- 매개변수가 하나라면 괄호(())도 생략 가능

 

https://hanke-r.tistory.com/entry/JS-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98Arrow-Function-%ED%91%9C%ED%98%84%EC%8B%9D

JS - "=>" 화살표 함수(Arrow Function) 표현식

 

---

 

5. 익명 함수

 

이름이 없는 함수를 익명 함수라고 하며, 주로 다른 함수의 매개변수로 전달된다.

setTimeout(function() {
    console.log("1초 후 실행됩니다.");
}, 1000);

 

---

6. 함수의 기본 매개변수

 

함수를 호출할 때 특정 매개변수에 값이 제공되지 않으면, 기본값을 설정할 수 있다.

function greet(name = "Hanker") {
    console.log(`Hello, ${name}!`);
}
greet(); // "Hello, Hanker!" 출력
greet("HK"); // "Hello, HK!" 출력

 

---

7. 즉시 실행 함수 (IIFE)

 

함수를 선언과 동시에 실행하고 싶을 때는 즉시 실행 함수(IIFE: Immediately Invoked Function Expression)를 사용한다.

(function() {
    console.log("IIFE 실행!");
})();

 

---

8. 재귀 함수

 

함수 내에서 자신을 다시 호출하는 함수를 재귀 함수라고 한다.

주로 반복 작업을 처리하거나 특정 알고리즘에 사용된다.

function factorial(n) {
    if (n === 1) return 1;
    return n * factorial(n - 1);
}
console.log(factorial(5)); // 120 출력

 

---

결론

 

JavaScript의 함수는 프로그램을 효율적으로 만들고, 코드의 가독성을 높이며, 재사용성을 극대화하는 핵심 도구이다.

함수 선언 방식과 다양한 활용 방법을 잘 익히면, 더 복잡한 프로그램도 손쉽게 작성할 수 있다.

 

다음 단계에서는 객체와 배열을 통해 JavaScript의 데이터 구조를 다루는 방법에 대해서 알아보자!