함수는 자바스크립트에서 재사용 가능한 코드 블록을 정의하고 호출하여 사용할 수 있는 기능입니다. 함수를 사용하면 코드를 구조화하고, 중복을 줄이며, 유지보수를 용이하게 할 수 있습니다. 함수의 정의와 활용 방법에 대해 알아보겠습니다.
함수의 정의
함수는 function 키워드를 사용하여 정의합니다. 함수는 인자(매개변수)를 받을 수 있으며, 필요에 따라 값을 반환할 수도 있습니다.
// 함수 정의
function add(a, b) {
return a + b;
}
위의 예제에서 add라는 이름의 함수를 정의하고 있습니다. 이 함수는 a와 b라는 두 개의 인자를 받고, 이를 더한 값을 반환합니다.
함수의 호출
함수를 호출하려면 함수 이름 뒤에 괄호 ()를 붙이고, 인자를 전달합니다. 인자의 개수와 함수 정의에서 지정한 매개변수의 개수가 일치해야 합니다.
// 함수 호출
let result = add(3, 5);
console.log(result); // 8
기본 매개변수(Default Parameters)
함수를 호출할 때 인자를 전달하지 않은 경우, 기본값을 설정할 수 있습니다.
function greet(name = 'Guest') {
console.log(`Hello, ${name}!`);
}
greet(); // Hello, Guest!
greet('John'); // Hello, John!
익명 함수(Anonymous Function)
익명 함수는 함수 이름 없이 바로 변수에 할당하여 사용하는 방식입니다.
let multiply = function(a, b) {
return a * b;
};
let result = multiply(3, 4);
console.log(result); // 12
화살표 함수(Arrow Function)
화살표 함수는 간결한 문법으로 함수를 정의할 수 있습니다.
let divide = (a, b) => a / b;
let result = divide(10, 2);
console.log(result); // 5
함수의 반환(Return)
함수는 return 키워드를 사용하여 값을 반환할 수 있습니다. return 이후의 코드는 실행되지 않습니다.
function isEven(num) {
if (num % 2 === 0) {
return true;
} else {
return false;
}
}
let result = isEven(4);
console.log(result); // true
함수는 자바스크립트에서 재사용 가능한 코드 블록을 정의하고 호출하여 사용하는 기능입니다. 함수를 정의할 때 function 키워드를 사용하며, 필요에 따라 인자를 받고 값을 반환할 수 있습니다. 함수를 호출할 때는 함수 이름 뒤에 괄호를 붙여서 인자를 전달합니다. 기본 매개변수를 사용하여 인자를 전달하지 않은 경우 기본값을 설정할 수 있습니다. 익명 함수와 화살표 함수는 간단한 함수를 더욱 간결하게 표현하는데 유용합니다. 함수를 잘 활용하여 코드의 가독성과 재사용성을 높이시기 바랍니다!
'Language > JavaScript' 카테고리의 다른 글
[JS] DOM(Document Object Model) 조작 (0) | 2023.07.20 |
---|---|
[JS] 배열과 객체 (0) | 2023.07.20 |
[JS] 조건문과 반복문 (if/else, switch, for, while 등) (0) | 2023.07.20 |
[JS] 변수, 데이터 타입, 연산자 (0) | 2023.07.20 |
[JS] JavaScript 소개와 기본 구문 (0) | 2023.07.20 |