[JavaScript] 함수

목차

🚀 JavaScript에서 함수의 힘을 발견하다: 코드의 재사용성을 높이기! 💡

안녕하세요, 코드 탐험가 여러분! 오늘은 JavaScript의 핵심 요소 중 하나인 함수에 대해 이야기해보려고 합니다. 함수는 코드를 구조화하고 재사용성을 높이는 데 도움을 주는 매우 중요한 도구입니다. 그럼 지금부터 JavaScript에서 함수의 세계로 함께 떠나보겠습니다!

 

1. 🌟 함수란 무엇인가?

함수는 특정 작업을 수행하는 코드 블록입니다. 한 번 정의하면 필요할 때마다 반복해서 호출할 수 있어 코드의 재사용성을 높입니다.

 

2. 🚀 함수 정의하기

JavaScript에서 함수를 정의하는 방법은 여러 가지가 있습니다. 가장 기본적인 방법은 다음과 같습니다:

function greet() {
    console.log("안녕하세요!");
}

 

3. 🌈 함수 호출하기

정의된 함수는 함수명()을 사용하여 호출할 수 있습니다.

greet(); // 출력: 안녕하세요!

 

4. 🌀 매개변수와 인수

함수는 매개변수를 가질 수 있으며, 호출 시 인수를 전달하여 다양한 작업을 수행할 수 있습니다.

function greet(name) {
    console.log("안녕하세요, " + name + "님!");
}

greet("Alice"); // 출력: 안녕하세요, Alice님!

 

5. 🌟 반환 값

함수는 return 문을 사용하여 값을 반환할 수 있습니다. return 문이 실행되면 함수는 즉시 종료됩니다.

function add(a, b) {
    return a + b;
}

let result = add(5, 7);
console.log(result); // 출력: 12

 

6. 🚀 익명 함수와 화살표 함수

익명 함수는 이름이 없는 함수로, 변수에 할당하거나 다른 함수에 인수로 전달할 수 있습니다. 화살표 함수는 더 간결한 문법을 제공합니다.

let add = function(a, b) {
    return a + b;
};

let addArrow = (a, b) => a + b;

console.log(add(3, 4)); // 출력: 7
console.log(addArrow(3, 4)); // 출력: 7

 

🚀 마치며...

함수는 JavaScript에서 코드를 조직하고 재사용성을 높이는 데 매우 중요한 역할을 합니다. 함수를 잘 활용하여 보다 효율적이고 유지보수가 쉬운 코드를 작성해보세요!

---

💻 Happy Coding! 💻

---

Reference:

Functions - JavaScript | MDN

---