처음 배우는 JavaScript 강의. 2주차: 함수와 배열 (1) 함수의 정의와 호출

안녕하세요, 빌드림입니다. 오늘은 JavaScript에서 함수의 정의와 호출에 대해서 배워보려고 합니다. 그럼 시작해볼게요.

 

함수의 정의와 호출

함수는 특정 작업을 수행하도록 설계된 코드의 집합입니다. 함수를 사용하면 코드의 재사용성을 높이고, 프로그램의 구조를 효율적으로 관리할 수 있습니다.

함수 정의

함수를 정의하는 방법에는 몇 가지가 있습니다. 가장 기본적인 방법은 function 키워드를 사용하는 것입니다.

 

1. 함수 선언문 (Function Declaration)

function greet() {
    console.log("Hello, World!");
}

 

이 방식은 함수를 선언하고, 이름을 붙여 정의합니다. 함수 선언문은 호이스팅되므로 코드의 어느 위치에 있든 호출할 수 있습니다.

 

2. 함수 표현식 (Function Expression)

const greet = function() {
    console.log("Hello, World!");
};

 

함수 표현식은 변수에 함수를 할당하는 방식으로 정의합니다. 이 방식은 호이스팅되지 않으며, 함수가 변수에 할당된 후부터 호출이 가능합니다.

 

3. 화살표 함수 (Arrow Function) - ES6 이후

const greet = () => {
    console.log("Hello, World!");
};

매개변수와 인자

함수는 매개변수를 통해 외부에서 값을 받을 수 있습니다. 매개변수는 함수 정의에 포함되며, 함수가 호출될 때 인자를 통해 값을 전달받습니다.

function greet(name) {
    console.log("Hello, " + name + "!");
}

greet("Alice");  // 출력: Hello, Alice!

 

이 예에서 name은 매개변수로, "Alice"는 인자입니다. 함수를 호출할 때 인자 "Alice"가 매개변수 name에 전달되어 사용됩니다.

함수를 통해 코드를 모듈화하고, 반복적인 작업을 효율적으로 처리할 수 있습니다. 또한, 함수는 복잡한 프로그램을 간단한 부분으로 나누어 문제를 쉽게 해결할 수 있게 도와줍니다. 다음으로는 배열의 기본적인 활용 방법에 대해 배울 예정입니다.