자바스크립트는 프로토타입 기반의 객체 지향 언어로, 객체를 만들기 위해 생성자와 프로토타입 체인을 사용합니다. 이러한 개념들은 자바스크립트에서 객체지향 프로그래밍을 구현할 때 중요한 역할을 합니다. 이번 글에서는 자바스크립트의 생성자와 프로토타입 체인의 동작 원리에 대해 알아보겠습니다.

생성자(Constructor)

생성자는 객체를 생성하고 초기화하는 역할을 합니다. 생성자 함수는 일반적으로 대문자로 시작하며, new 키워드와 함께 호출되어 사용됩니다. 생성자 함수 내부에서는 객체의 속성과 메서드를 정의하고 초기화할 수 있습니다.

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

var person1 = new Person('John', 25);
console.log(person1.name); // Output: John
console.log(person1.age); // Output: 25

위 예제는 Person 생성자 함수를 정의하고, new 키워드를 사용하여 person1 객체를 생성하고 초기화하는 예시입니다. person1 객체는 name과 age 속성을 가지며, 이 값을 출력하면 예상한 값이 나오게 됩니다.

프로토타입 체인(Prototype Chain)

프로토타입 체인은 자바스크립트 객체들 간의 상속을 구현하는 메커니즘입니다. 객체는 프로토타입(prototype) 객체를 가리키는 __proto__ 속성을 가지며, 이를 이용하여 자신의 상위 객체에 대한 속성과 메서드에 접근할 수 있습니다.

예를 들어, Person 생성자 함수에 sayHello 메서드를 추가하고, person1 객체에서 이 메서드를 호출해 봅시다.

Person.prototype.sayHello = function() {
  console.log('Hello, ' + this.name + '!');
}

person1.sayHello(); // Output: Hello, John!

위 예제에서 Person.prototype 객체에 sayHello 메서드를 추가했습니다. 이제 person1 객체에서 sayHello 메서드를 호출하면, person1 객체 내부에서 __proto__ 속성을 통해 Person.prototype 객체로 이동하여 해당 메서드를 실행합니다.

프로토타입 체인은 상속되는 개념으로, 하위 객체에서만 사용할 수 있는 속성과 메서드를 추가하고자 할 때 특히 유용합니다.

결론

자바스크립트의 생성자와 프로토타입 체인은 객체지향 프로그래밍을 지원하는 중요한 개념입니다. 생성자를 통해 객체를 생성하고 초기화하며, 프로토타입 체인을 통해 객체들 간에 상속 및 프로퍼티와 메서드를 공유할 수 있습니다. 이러한 개념들을 이해하고 활용하는 것은 자바스크립트를 효과적으로 사용하는 데 도움이 될 것입니다.

#JavaScript #Constructor #PrototypeChain