자바스크립트의 객체

prototype 은 생성된 객체들이 여러개 잇어도 동일한 메모리 공간에서 효율적으로 재사용됨 

 

객체들이 같은 공간을 share하는 것 prototype

 

❖ this 로 function 정의 했을 경우

const Health = function(name, healthTime) {
  this.name = name;
  this.healthTime = healthTime;
  this.showHealth = function() {
  	return this.name  + this.lastTime + "운동완료";
	}
}

const h1 = new Health("tami", "12:12");
const h2 = new Health("recoder", "02:12");

h1.showHealth === h2.showHealth // false

❖ Prototype으로 정의한 경우

const Health = function(name, healthTime) {
  this.name = name;
  this.healthTime = healthTime;
}

Health.prototype.showHealth = function() {
  console.log(this.name + this.healthTime + "운동완료";
}


const h1 = new Health("tami", "12:12");
const h2 = new Health("recoder", "02:12");

h1.showHealth === h2.showHealth // true

h1 과 h2 는 같은 메모리 공간에 드러잇는 showHealth 를 공유하기 때문에 메모리 효율 상승

 

메서드 == prototype에 많이 보관하는 편