위코딩
article thumbnail
반응형

함수는 자바스크립트에서 재사용 가능한 코드 블록을 정의하고 호출하여 사용할 수 있는 기능입니다. 함수를 사용하면 코드를 구조화하고, 중복을 줄이며, 유지보수를 용이하게 할 수 있습니다. 함수의 정의와 활용 방법에 대해 알아보겠습니다.


함수의 정의

함수는 function 키워드를 사용하여 정의합니다. 함수는 인자(매개변수)를 받을 수 있으며, 필요에 따라 값을 반환할 수도 있습니다.

// 함수 정의
function add(a, b) {
    return a + b;
}

위의 예제에서 add라는 이름의 함수를 정의하고 있습니다. 이 함수는 ab라는 두 개의 인자를 받고, 이를 더한 값을 반환합니다.


함수의 호출

함수를 호출하려면 함수 이름 뒤에 괄호 ()를 붙이고, 인자를 전달합니다. 인자의 개수와 함수 정의에서 지정한 매개변수의 개수가 일치해야 합니다.

// 함수 호출
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 키워드를 사용하며, 필요에 따라 인자를 받고 값을 반환할 수 있습니다. 함수를 호출할 때는 함수 이름 뒤에 괄호를 붙여서 인자를 전달합니다. 기본 매개변수를 사용하여 인자를 전달하지 않은 경우 기본값을 설정할 수 있습니다. 익명 함수와 화살표 함수는 간단한 함수를 더욱 간결하게 표현하는데 유용합니다. 함수를 잘 활용하여 코드의 가독성과 재사용성을 높이시기 바랍니다!

반응형
loading loading