[JS] JavaScript 함수의 다양한 선언 방식

이준혁·2024년 1월 25일
0

JavaScript에서 함수는 여러 가지 방식으로 선언할 수 있습니다. 각 방식은 특징과 용도에 따라 선택될 수 있습니다. 이 블로그에서는 JavaScript 함수의 주요 선언 방식을 살펴보겠습니다.

1. 함수 선언문 (Function Declaration)

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

가장 일반적인 함수 선언 방식으로, 함수 이름이 존재하고 전역 스코프에 함수가 등록됩니다. 함수 선언문은 호이스팅에 영향을 받습니다.

2. 함수 표현식 (Function Expression)

var multiply = function(a, b) {
  return a * b;
};

변수에 함수를 할당하는 방식으로, 변수의 스코프에 함수가 등록됩니다. 함수 표현식은 호이스팅에 영향을 받지만 변수는 선언되기 전에 호출하면 오류가 발생합니다.

3. 화살표 함수 (Arrow Function)

const divide = (a, b) => a / b;

ES6에서 도입된 화살표 함수는 간결한 문법과 자신만의 this 바인딩을 제공합니다. 주로 익명 함수나 콜백 함수를 사용할 때 효과적입니다.

4. 생성자 함수 (Constructor Function)

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const john = new Person('John', 25);

new 키워드와 함께 호출되어 객체를 생성하는 함수로, 주로 객체의 인스턴스를 만들 때 사용됩니다.

5. 메서드 (Method)

const calculator = {
  add: function(a, b) {
    return a + b;
  },
  subtract(a, b) {
    return a - b;
  }
};

객체 내에 정의된 함수를 메서드라고 부릅니다. 메서드의 경우 일반 함수와 달리 자신의 this가 해당 객체를 가리킵니다.

JavaScript 함수는 위와 같은 다양한 선언 방식을 제공하여 다양한 상황과 요구에 유연하게 대처할 수 있습니다.

0개의 댓글

관련 채용 정보