Java스크립트(함수-정의,호출,매개변수,반환값)

자바스크립트는 웹 개발에 있어 매우 중요한 프로그래밍 언어입니다. 그 중에서도 함수는 코드의 재사용성과 가독성을 높이는 데 중요한 역할을 합니다. 이번 포스트에서는 함수의 정의, 호출, 매개변수, 반환값에 대해 자세히 설명하겠습니다.

 

1. 함수의 정의

함수는 특정 작업을 수행하는 코드 블록입니다. 자바스크립트에서 함수를 정의하는 방법은 여러 가지가 있지만, 가장 일반적인 방법은 `function` 키워드를 사용하는 것입니다.

예제:

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

위의 예제에서 `greet`이라는 이름의 함수를 정의했습니다. 이 함수는 "안녕하세요!"라는 메시지를 콘솔에 출력합니다.

 

2. 함수 호출

함수를 정의한 후에는 언제든지 호출할 수 있습니다. 함수를 호출하려면 함수 이름 뒤에 괄호를 붙이면 됩니다.

예제:

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

위의 코드에서 `greet()`을 호출하면, 정의된 함수가 실행되어 콘솔에 "안녕하세요!"가 출력됩니다.

 

3. 매개변수

함수는 매개변수를 통해 외부에서 값을 받을 수 있습니다. 매개변수는 함수 정의 시 괄호 안에 선언하며, 함수를 호출할 때 인자를 전달하여 사용할 수 있습니다.

예제: 

function greetUser(name) {
    console.log("안녕하세요, " + name + "님!");
}
greetUser("철수"); // "안녕하세요, 철수님!" 출력
greetUser("영희"); // "안녕하세요, 영희님!" 출력

위의 예제에서 `greetUser` 함수는 `name`이라는 매개변수를 가지고 있습니다. 함수를 호출할 때 이름을 인자로 전달하면, 해당 이름이 콘솔에 출력됩니다.

 

4. 반환값

함수는 작업을 수행한 후 결과를 반환할 수 있습니다. 반환값은 `return` 키워드를 사용하여 지정합니다. 반환값이 있는 함수는 호출된 위치에서 그 값을 사용할 수 있습니다.

예제:

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

let sum = add(3, 5);
console.log("합계: " + sum); // "합계: 8" 출력

위의 코드에서 `add` 함수는 두 매개변수 `a`와 `b`를 받아 그 합을 반환합니다. `add(3, 5)`가 호출되면, 결과값인 `8`이 `sum` 변수에 저장되고, 콘솔에 출력됩니다.

 

5. 매개변수와 반환값을 활용한 예제

이제 매개변수와 반환값을 함께 사용하는 복합적인 예제를 살펴보겠습니다.

예제:  원의 면적 계산

function calculateArea(radius) {
    return Math.PI * radius * radius;
}

let area = calculateArea(5);
console.log("반지름이 5인 원의 면적: " + area.toFixed(2)); // "반지름이 5인 원의 면적: 78.54" 출력

위의 예제에서 `calculateArea` 함수는 반지름을 매개변수로 받아 원의 면적을 계산하여 반환합니다. `Math.PI`는 파이(π)를 나타내는 상수입니다. `area.toFixed(2)`는 소수점 두 자리까지 출력하기 위해 사용됩니다.

 

6. 마치며

이번 포스트에서는 자바스크립트의 함수에 대해 알아보았습니다. 함수는 정의, 호출, 매개변수 및 반환값을 통해 코드의 재사용성을 높이고, 프로그램의 구조를 개선하는 데 큰 도움을 줍니다. 초보자도 이해할 수 있는 간단한 예제를 통해 함수의 기본 개념을 익혔기를 바랍니다.