자바스크립트에서 함수는 코드의 재사용을 위해 사용되는 중요한 개념입니다. 함수는 특정 작업을 수행하고 값을 반환할 수 있습니다.
함수를 선언하는 방법은 다음과 같습니다:
javascript
Copy code
function functionName(parameter1, parameter2) {
// 함수의 코드 작성
// ...
}
위의 코드에서 functionName은 함수의 이름이고, parameter1과 parameter2는 함수에 전달되는 매개변수입니다. 함수의 코드는 중괄호 {} 안에 작성됩니다.
예시를 통해 함수 선언을 살펴보겠습니다:
javascript
Copy code
function greet(name) {
console.log('Hello, ' + name + '!');
}
greet('John'); // Hello, John!
위의 예시에서 greet 함수는 name 매개변수를 받아 화면에 인사를 출력합니다. greet('John')을 호출하면 'Hello, John!'이라는 메시지가 출력됩니다.
함수는 값을 반환할 수 있습니다. return 키워드를 사용하여 반환할 값을 지정합니다. 다음은 반환 값을 가지는 함수의 예시입니다:
javascript
Copy code
function add(a, b) {
return a + b;
}
var result = add(3, 5);
console.log(result); // 8
위의 예시에서 add 함수는 a와 b 매개변수를 받아 두 값을 더한 후 반환합니다. add(3, 5)를 호출하면 8이라는 값이 반환되고, 이를 result 변수에 저장한 후 화면에 출력합니다.
익명 함수는 이름 없이 선언되는 함수입니다. 주로 다른 함수 내에서 사용되거나 콜백 함수로 사용됩니다. 다음은 익명 함수의 예시입니다:
javascript
Copy code
var greeting = function(name) {
console.log('Hello, ' + name + '!');
};
greeting('Alice'); // Hello, Alice!
위의 예시에서 greeting 변수에 익명 함수를 할당하고, 이를 호출하여 'Hello, Alice!'라는 메시지를 출력합니다.
ES6에서 도입된 화살표 함수는 간단한 문법으로 함수를 정의할 수 있는 방법입니다. 다음은 화살표 함수의 예시입니다:
javascript
Copy code
var multiply = (a, b) => a * b;
var result = multiply(4, 6);
console.log(result); // 24
위의 예시에서 multiply 함수는 a와 b 매개변수를 받아 두 값을 곱한 후 반환합니다. multiply(4, 6)를 호출하면 24라는 값이 반환되고, 이를 result 변수에 저장한 후 화면에 출력합니다.