# TIL OOP

TIL OOP
오늘의 한 일
prototype
- [[Prototype]] / Prototype property
- prototype chain
OOP (Object Oriented Programming)

# 오늘의 한 일

OOP에 대한 전반적인 지식을 배울 수 있었다

# prototype

자바스크립트의 객체 지향 프로그래밍을 실현할 수 있는 핵심적인 개념이다.

다른 객체지향 프로그래밍 언어들은 객체 생성 이전에 클래스를 정의한다. 하지만 자바스크립트는 class(ES6)의 등장 이전에도 prototype 기반의 특성을 이용하여 객체를 생성하고 이를 instance 처럼 사용할 수 있었다.

ES6 이전에 생성자 함수라는 함수를 만들어서 class 기능을 대체하였었고, 실제로 class도 함수이니 이 둘은 다를 것이 없다.

# [[Prototype]] / Prototype property

자바 스크립트의 보통 객체(Ordinary Object)는 [[Prototype]]이라는 internal slot을 가진다. 이 값은 null 또는 객체이며 상속을 구현하는데 사용된다. get 액세스를 위해 상속되어 객체의 프로퍼티처럼 사용할 수 있다. 하지만 set 액세스는 허용되지 않는다.

[[Prototype]]
- 함수를 포함한 모든 객체가 가지고 있다.
- 객체의 입장에서 자신의 부모 역활을 하는 프로토타입 객체를 가리키며 함수 객체의 경우 Function.prototype을 가리킨다.

console.log(Person.__proto__ === Function.prototype); // true;

prototype
- 함수 객체만 가지고 있다.
- 함수 객체가 생성자로 사용될 때 (class도 이에 포함된다) 이 함수를 통해 생성될 객체(instance)의 부모 역활을 하는 객체를 가리킨다.

우리는 이 두가지 개념을 통해

Array.prototype.method()
Object.prototype.method()

이러한 동작이 어떻게해서 가능한지에 대한 이해를 할수 있다.

실제로 prototype과 cunstructor는 같다고 작용한다.

이렇게 우리는 prototype에 대해 알아보았는데 prototype기반으로 어떻게 객체 지향적인 프로그래밍을 할 수 있는가는 prototype의 chain에 대한 이해가 있어야한다.

# prototype chain

위에서 모든 javascript의 보통 객체는 [[Prototype]]을 가진다고 이야기 하였다. 자바스크립트는 property나 method에 접근할 때 해당 객체에서 찾을 수 없는 경우 [[Prototype]이 가리키는 링크를 따라 부모 객체에서 차례대로 검색한다.

class 에서 예제를 가져와보자. (상속에 대한 설명을 위한 코드이다)

class Car {
  constructor(name, cost) {
    this.name = name;
    this.cost = cost;
  }

  getCar(pay) {
    this.pay = pay;
    return this.pay > this.cost ? true : false;
  }

  setOption () {
    return this.getCar(this.pay) ? this.pay - this.cost > 100 ? "Full Option" : "nomal" : 'isnot your';
  }
}

class OldCar extends Car {

  setOption () {
    return this.getCar(this.pay) ? this.pay - this.cost > 100 ? "Dealer" : "your" : 'isnot your';
  }

	changeCar () {
		return !this.getCar(this.pay) ? "Down grade Car" : "not"
	}
}

const oldcar = new OldCar("mini", 200);

console.log(oldcar.getCar(300)); // true; -- Inheritance
console.log(oldcar.setOption()); // 'your' -- Overrding

// oldcar는 OldCar 클래스의 인스턴스이다.
console.log(oldcar instanceof OldCar); // true
// oldcar는 Car 클래스의 인스턴스이다.
console.log(oldcar instanceof Car);   // true