객체지향 - 상속과 prototype

상속

상속
객체의 로직을 그대로 물려받는 또 다른 객체를 만들수 있는 기능

• 객체는 연관된 로직들로 이루어진 작은 프로그램
• 기존의 로직을 수정하고 변경해서 파생된 새로운 객체를 만들 수 있음

function Person(name) {
	this.name = name;
}
Person.prototype.name=null;
Person.prototype.introduce = function () {
	return 'My name is ' + this.name;
}
let a1 = new Person('rkhong');
console.log(a1.introduce()); 		//결과 : My name is rkhong

//상속
/***
	- Programmer 생성자 생성 -> prototype과 Person의 객체 연결 -> Programmer객체도 introduce메소드 사용 가
    능
    - Programmer -> Person의 기능을 상속함.
    
***/
function Person(name) {
	this.name = name;
}
Person.prototype.name=null;
Person.prototype.introduce = function () {
	return 'My name is ' + this.name;
}
function Programmer (name) {
	this.name = name;
}
Programmer.prototype = new Person();
let a1 = new Programmer('rkhong');
console.log(a1.introduce());		//결과 : My name is rkhong


// Programmer는 Person의 기능을 가지면서 Person이 가지지 않은 coding메서드를 가지고 있음
function Person(name){
    this.name = name;
}
Person.prototype.name=null;
Person.prototype.introduce = function(){
    return 'My name is '+this.name; 
}
 
function Programmer(name){
    this.name = name;
}
Programmer.prototype = new Person();
Programmer.prototype.coding = function(){
    return "hey~";
}
 
let a1 = new Programmer('rkhong');
console.log(a1.introduce());		//결과 : My name is rkhong
console.log(a1.coding());			//결과 : hey~

prototype

• 객체의 원형
• 함수도 객체이고 생성자로 사용될 수 있는 함수도 객체임
• 객체는 프로터티를 가질 수 있는데 prototype 프로퍼티는 용도가 약속되어 있는 특수한 프로퍼티
• prototype에 저장된 속성들은 생성자를 통하여 객체가 만들어질 때 객체에 연결됨

function Ultra(){}
Ultra.prototype.ultraProp = true;
 
function Super(){}
Super.prototype = new Ultra();
 
function Sub(){}
Sub.prototype = new Super();
 
let a = new Sub();
console.log(a.ultraProp); 		//결과 : true

// prototype 체인으로 Sub, Ultra가 연결되어 있기 때문에 생성자 Sub를 통해서 만들어진 객체 a가 Ultra의 ultraProp 프로퍼티에 접근 가능함
/***
step
1. 객체 a 에서 ultra 찾기
2. 없으면 Sub.prototype.ultraProp 찾기
3. 없으면 Super.prototype.ultraProp 찾기
4. 없으면 Ultar.prototype.ultraProp 찾기
***/

Prototype chain
prototype은 객체와 객체를 연결하는 체인의 역할을 하는 관계

• 참고
  - Super.Prototype = Ultra.prototype -> Super.prototype의 값을 변경하면 Ultra.prototype도 변경됨
  - Super.prototype = new Ultra(); -> Ultra.prototype의 객체가 생성되어서 new Ultra()를 통하여 만들어진 객체에 변화가 생겨도 Ultra.prototype의 객체에는 영향을 주지 않음

.
.
.
.
Reference

https://opentutorials.org/course/743/6572
https://opentutorials.org/course/743/6573