프로토타입과 클래스

객체 생성자

function Animal( type, name, sound ) {
	this.type = type;
    this.name = name;
    this.sound = sound;
    this.say = function() {
    	console.log(this.sound);
    };
}

const dog = new Animal('개', '슈슈', '슈슝~');
const cat = new Animal('고양이', '줍줍', '줍줍이~');

dog.say();	//슈슝~
cat.say();	//줍줍이~

---

prototype

prototype 은 동일한 클래스인 객체들끼리 값이나 함수를 공유할 수 있다.

function Animal( type, name, sound ) {
	this.type = type;
    this.name = name;
    this.sound = sound;
}


// prototype으로 say 함수를 공유
Animal.prototype.say = function () {
	console.log(this.sound);
}


// prototype으로 sharedValue 값을 공유
// 모든 클래스마다 sharedValue 필드에는 1값이 초기화 되어있다.
Animal.prototype.sharedValue = 1 ;


const dog = new Animal('개', '슈슈', '슈슈~');
const cat = new Animal('고양이', '짝귀', '애옹~');


dog.say();			// 슈슈~
console.log(dog.sharedValue);	// 1


cat.say();			// 애옹~
console.log(cat.sharedValue);	// 1


dog.sharedValue = 24;
console.log(dog.sharedValue);	// 24


const dog2= new Animal('개', '하키솜', '솜솜~');

dog2.say();			// 솜솜~
console.log(dog2.sharedValue);	// 1

---

객체 상속

- call을 이용하여 상속된 객체를 불러온다

function Animal( type, name, sound ) {
	this.type = type;
    this.name = name;
    this.sound = sound;
}

Animal.prototype.say = function () {
	console.log(this.sound);
}


// 상속된 객체 정의
function Dog( name, sound ) {
	Animal.call(this, '개', name, sound );
}

function Cat( name, sound ) {
	Animal.call(this. '고양이', name, sound );
}


Dog.prototype = Animal.prototype;
Cat.prototype = Animal.prototype;

const dog = new Dog('슈슈', '왕왕왕');
const cat = new Cat('줍줍이', '액옹!');

dog.say();	// 왕왕왕
cat.say();	// 액옹!

 

---

ES6 클래스 ( Java 클래스 생성과 매우 유사!)

- 동물 예제

class Animal {
	constructor( type, name, sound ) {
    	this.type = type;
        this.name = name;
        this.sound = sound;
    }
    
    say() {
    	console.log(this.sound);
    }
}


const dog = new Animal('개', '슈슈', '왕왕');
const cat = new Animal('고양이', '짝귀' '애옹');

dog.say();	// 왕왕
cat.say();	// 애옹

 

 

- 동물예제 - 상속이 있는 경우

class Animal {
	constructor( type, name, sound ){
    	this.type = type;
        this.name = name;
        this.sound = sound;
    }
    
    say() {
    	console.log(this.sound);
    }
}

class Dog extends Animal {
	constructor(name, sound){
    	super('개', name, sound);	// 부모클래스 Animal의 생성자를 호출.
    }
}


class Cat extends Animal {
	constructor(name, sound){
    	super('고양이', name, sound);	// 부모클래스 Animal의 생성자를 호출.
    }
}

const dog2 = new Dog('하키솜', '솜솜');
const cat2= new Cat('줍줍이', '액옹');

dog2.say();	//솜솜
cat2.say();	//액옹

 

 

- 음식 예제

class Food {
  constructor(name) {
    this.name = name;
    this.brands = [];
  }

  addBrand(brand) {
    this.brands.push(brand);
  }

  print() {
    console.log(`${this.name} (를)을 파는 음식점들 : `);
    console.log(this.brands.join(", "));
  }
}

const pizza = new Food("피자");
pizza.addBrand("피자헛");
pizza.addBrand("도미노피자");
pizza.addBrand("파파존스");
pizza.print();	
/*
	피자 (를)을 파는 음식점들 :
    피자헛, 도미노피자, 파파존스
*/


const chicken = new Food("치킨");
chicken.addBrand("굽네치킨");
chicken.addBrand("BBQ");
chicken.addBrand("bhc");
chicken.print();
/*
	치킨 (를)을 파는 음식점들 :
    굽네치킨, BBQ, bhc
*/