자바스크립트 함수(Function) 기초 배우기

 

 

안녕하세요! 오늘은 자바스크립트에서 가장 중요한 개념 중 하나인 함수(Function) 에 대해 배운 내용을 정리해보려고 합니다.
함수는 코드를 효율적으로 관리하고 재사용할 수 있도록 도와주는 핵심적인 기능입니다.

---

1. 함수(Function)란?

함수(Function)는 특정 작업을 수행하는 코드 블록입니다. 함수는 필요할 때마다 호출하여 실행할 수 있으며, 동일한 작업을 여러 번 수행할 때 매우 유용합니다.

함수 선언하기

함수를 선언하는 기본적인 방법은 function 키워드를 사용하는 것입니다.

function sayHello(nameOfPerson, age) {
    console.log("Hello!! my name is " + nameOfPerson + " and I'm " + age);
}

이 함수는 nameOfPerson과 age라는 두 개의 매개변수를 받아서 콘솔에 메시지를 출력하는 역할을 합니다.

---

2. 함수 호출하기

함수를 선언한 후에는 함수이름(인자1, 인자2, ...) 형식으로 호출할 수 있습니다.

sayHello("micalcomanie", 10);
sayHello("Potato", 23);
sayHello("Cat", 31);

위의 함수 호출 결과:

Hello!! my name is micalcomanie and I'm 10
Hello!! my name is Potato and I'm 23
Hello!! my name is Cat and I'm 31

이처럼 함수를 호출할 때마다 다른 매개변수를 전달하여 다양한 결과를 얻을 수 있습니다.

---

3. 함수에서 연산 수행하기

함수는 단순히 메시지를 출력하는 것뿐만 아니라, 연산을 수행하고 결과를 반환할 수도 있습니다.

function plus(a, b) {
    console.log(a + b);
}

function divide(a, b) {
    console.log(a / b);
}

plus(1, 2);  // 3
divide(98, 20); // 4.9

위의 예제에서 plus 함수는 두 숫자의 합을, divide 함수는 나눗셈 결과를 출력합니다.

---

4. 객체(Object) 내부에서 함수 사용하기

객체 안에서도 함수를 선언할 수 있으며, 이를 메서드(Method) 라고 합니다.

const player = {
    name: "micalcomanie",
    sayHello: function(otherPersonName) {
        console.log("Hello " + otherPersonName);
    }
};

player.sayHello("Cat");
player.sayHello("Mark");

위 코드를 실행하면 다음과 같은 결과가 출력됩니다:

Hello Cat
Hello Mark

객체 내부에서 sayHello라는 함수를 정의하고, 이를 통해 다른 사람에게 인사하는 기능을 만들었습니다.

---

 

• 함수(Function) 는 특정 작업을 수행하는 코드 블록이다.
• 함수를 선언할 때 function 키워드를 사용한다.
• 함수를 호출하여 실행할 수 있으며, 매개변수를 전달하여 다양한 값을 사용할 수 있다.
• 함수는 연산을 수행하는 데 사용할 수 있으며, 결과를 반환할 수도 있다.
• 객체(Object) 내부에서도 함수를 정의할 수 있으며, 이를 메서드(Method) 라고 한다.