자바스크립트는 명령형, 함수형, 프로토타입 기반, 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다. 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 이루고 있는 거의 “모든 것”이 객체다.

1. 객체지향 프로그래밍

• 객체지향 프로그래밍 : 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다.
• 객체 지향 프로그래밍은 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작된다. 실체는 특징이나 성질을 나타내는 속성을 가지고 있으며, 이를 통해 실체를 인식하거나 구별할 수 있다.
• 다양한 속성 중에서 필요한 **속성만 간추려 내어 표현하는 것을 추상화(abstraction)**이라고 한다.

<aside> 💡 즉, 객체란 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조이다.

</aside>

• 객체지향 프로그래밍은 객체의 상태(state)를 나타내는 데이터와 상태 데이터를 조작할 수 있는 동작(behavior)을 하나의 논리적인 단위로 묶어 생각한다.(마치 사람의 팔에 물병을 쥐고 있었는데, 코카콜라 캔을 쥐게 하는 것)
• 객체는 상태 데이터와 동작을 하나의 단위로 묶은 복합적인 자료구조이며, 이때 상태 데이터를 프로퍼티, 동작을 메서드라고 한다.
• 각 객체는 고유의 기능을 갖는 독립적인 부품으로 볼 수 있지만, 자신의 고유한 기능을 수행하면서 다른 객체와 관계성을 가질 수 있다. Ex : 다른 객체와 메세지를 주고받거나, 데이터를 처리할 수도 있으며, 다른 객체의 상태 데이터나 동작을 상속받아 사용하기도 한다.

2. 상속과 프로토타입

• 상속(inheritance)는 객체지향 프로그래밍의 핵심 개념으로, 어떤 객체의 프로퍼티 또는 메서드를 다른 객체가 상속받아 그대로 사용할 수 있는 것을 의미한다.
• 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거하며, 중복을 제거하는 방법은 기존의 코드를 적극적으로 재사용하는 것이다.
• 다음 예제를 살펴보자.

// 생성자 함수
function Circle(radius) {
  this.radius = radius;
  this.getArea = function () {
    // Math.PI는 원주율을 나타내는 상수다.
    return Math.PI * this.radius ** 2;
  };
}

// 반지름이 1인 인스턴스 생성
const circle1 = new Circle(1);
// 반지름이 2인 인스턴스 생성
const circle2 = new Circle(2);

// Circle 생성자 함수는 인스턴스를 생성할 때마다 동일한 동작을 하는
// getArea 메서드를 중복 생성하고 모든 인스턴스가 중복 소유한다.
// getArea 메서드는 하나만 생성하여 모든 인스턴스가 공유해서 사용하는 것이 바람직하다.
console.log(circle1.getArea === circle2.getArea); // false

console.log(circle1.getArea()); // 3.141592653589793
console.log(circle2.getArea()); // 12.566370614359172

생성자 함수를 통해 동일한 프로퍼티 구조를 갖는 객체를 만들었으며, 객체는 아래와 같다.

이때, 객체의 getArea 메서드가 중복 생성하고 모든 인스턴스가 중복 소유한다.