[🐱 자바스크립트] 객체 지향 OOP

자바스크립트와 객체 지향

JavaScript는 객체지향, 절차지향 두 가지 형태로 만들 수 있는 언어이다.

절차 지향적 프로그래밍 : 순차적인 명령의 조합

객체 지향적 프로그래밍 : 모든 것이 객체로 그룹화 되며, 재사용성을 얻을 수 있다.
-> JavaScript에서는 은닉화를 돕기 위해서 일반적으로 클로저 모듈 패턴을 사용한다.

---

객체지향 프로그래밍의 주요 개념 4가지

객체지향 프로그래밍의 개념으로 캡슐화, 상속, 추상화, 다형성이 있다.

🍎 1. 캡슐화 (은닉화):

데이터와 기능을 하나의 객체 안에 넣어 단위로 묶는 것

• 느슨한 결합 -> 쉬운 수정
  코드 실행에 맞춰 절차적으로 작성하는 것이 아닌 코드가 상징하는 모습과 닮게 코드를 모아 결합하는 것
  ( 절차적으로 코드를 작성하게 되면 코드 수정시 코드의 흐름에 큰 영향을 끼치므로 수정이 어렵다. )

• 은닉
  외부 데이터나 내부 구현이 외부로 노출되지 않도록 만드는 것.
  ( 입력 버튼을 누르게되면 입력이라는 동작이 수행되지만, 내부 구현이 어떻게 되었는지는 알지 못한다.)

• 내부 인터페이스, private : 동일한 클래스 내의 다른 메서드에서는 접근할 수 있지만 클래스 밖에서는 접근이 불가능한 프로퍼티와 메서드
• 외부 인터페이스, public : 클래스 밖에서도 접근 가능한 프로퍼티와 메서드

• getter(획득자)'와 ‘setter(설정자)’ 키워드를 통해 구현
• 읽기 전용의 경우 getter만 구현

캡슐화 예제

class CoffeeMachine {
  _waterAmount = 0;

  set waterAmount(value) {
    if (value < 0) throw new Error("물의 양은 음수가 될 수 없습니다.");
    this._waterAmount = value;
  }

  get waterAmount() {
    return this._waterAmount;
  }

  constructor(power) {
    this._power = power;
  }

}

// 커피 머신 생성
let coffeeMachine = new CoffeeMachine(100);

// 물 추가
coffeeMachine.waterAmount = -10; // Error: 물의 양은 음수가 될 수 없습니다.

---

🍎 2. 추상화

내부 구현은 아주 복잡한데, 실제로 노출되는 부분은 단순하게 만든다

외부에서는 내부의 동작 방식을 전혀 알지 못한다. 하지만 외부 인터페이스를 통해서 객체만 갖고도 내부 인터페이스를 동작 시킬 수 있다.

추상화는 내부 데이터와 내부 동작 방식이 외부에 노출되지 않는다는 점에서 캡슐화와 유사하다.

캡슐화가 코드나 데이터의 은닉에 포커스가 맞춰져있다면,
추상화는 클래스를 사용하는 사람이 필요하지 않은 메서드 등을 노출시키지 않고, 단순한 인터페이스로 정의하는 것에 포커스가 맞춰져 있다.

---

🍎 3. 상속

부모 클래스의 특징을 자식 클래스가 물려받는 것

동일한 부모 클래스에서 속성과 메서드를 추가하여 사용이 가능하다.

비슷한 기능에서 속성과 메서드를 몇 개만 추가하고 싶은 상황을 가정해보자.
이는 코드를 새로 구현해야 한다는 점에서 분명 비효율적이다.

하지만 상속을 사용하게 되면 다른 객체의 프로퍼티를 받아와서 사용하거나, 속성 및 메서드를 추가할 수 있다.

상속 예제

let animal = {
  eats: true
};
let rabbit = {
  jumps: true
};

rabbit.__proto__ = animal; // (*)

// 프로퍼티 eats과 jumps를 rabbit에서도 사용할 수 있게 되었습니다.
alert( rabbit.eats ); // true (**)
alert( rabbit.jumps ); // true

rabbit.__proto__ = animal 를 통해 animal이 rabbit의 프로토타입이 되도록 설정하였다.
프로퍼티 eats과 jumps를 rabbit에서도 사용할 수 있게 되었다.

---

🍎 4.다형성(Polymorphism)

다형성(Polymorphism)은 Poly - 많은, morph - 형태 즉, 다양한 형태라는 의미를 담고 있다.

하나의 메소드나 클래스가 있을 때 이것들이 다양한 방법으로 동작하는 것
( 동일한 조작방법으로 동작시키지만 동작방법은 다른 것을 의미 )