자바스크립트에서 함수 선언하고 호출하는 방법

자바스크립트에서 함수 선언하고 호출하는 방법

자바스크립트(JavaScript)에서 함수는 코드의 재사용성과 가독성을 높이는 데 중요한 역할을 합니다. 함수 선언과 호출은 자바스크립트의 핵심 개념 중 하나로, 이를 잘 이해하고 활용하면 보다 효율적이고 유지보수하기 쉬운 코드를 작성할 수 있습니다. 이 글에서는 자바스크립트에서 함수를 선언하고 호출하는 다양한 방법을 알아보고, 각 방법의 특징과 사용 예제를 통해 실습해보겠습니다.

 

 

목차

1. 함수 선언
2. 함수 표현식
3. 화살표 함수
4. 함수 호출
5. 매개변수와 반환값
6. 결론

 

1. 함수 선언

함수 선언은 function 키워드를 사용하여 함수를 정의하는 방법입니다. 함수 선언 방식은 호이스팅(hoisting) 특성으로 인해 코드 어디서든 호출할 수 있는 장점이 있습니다.

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

 

 

2. 함수 표현식

함수 표현식은 변수에 함수를 할당하여 정의하는 방법입니다. 함수 표현식은 호이스팅되지 않으므로, 선언 이후에만 호출할 수 있습니다.

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

 

 

3. 화살표 함수

화살표 함수는 ES6에서 도입된 함수 선언 방식으로, 간결한 문법과 this 바인딩의 특수성을 가집니다. 주로 콜백 함수나 짧은 함수 정의에 사용됩니다.

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

 

 

 

4. 함수 호출

함수를 호출하려면 함수 이름 뒤에 괄호를 붙입니다. 괄호 안에 인수를 전달할 수 있습니다.

sayHello();  // "Hello, World!" 출력
            

 

 

5. 매개변수와 반환값

함수는 매개변수를 받아 작업을 수행하고, 결과를 반환할 수 있습니다. 매개변수는 함수 정의 시 괄호 안에 작성하며, return 키워드를 사용해 값을 반환합니다.

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

const result = add(2, 3);
console.log(result);  // 5 출력
            

 

 

6. 결론

이 글에서는 자바스크립트(JavaScript)에서 함수 선언과 호출의 다양한 방법을 살펴보았습니다. 함수 선언, 함수 표현식, 화살표 함수 각각의 장단점을 이해하고, 적절한 상황에서 활용할 수 있기를 바랍니다. 자바스크립트 함수의 기초를 잘 다져 놓으면, 더 복잡한 프로그램 작성에도 큰 도움이 될 것입니다.