JS의 클래스와 프로토타입

클래스 만들기

class Hero {
// 첫글자 대문자로 쓰기
  data = 0;
  // class 필드값 (constructor와 똑같은 역할)
  constructor(parameter) {
  // 여기다가 쓰면 자식이 {w:'snowball'}을 직접 가짐
  	this.q = parameter;
  	this.w = 'snowball';
  }
  
let nunu = new Hero('consume');
let garen = new Hero('strike');

프로토타입은 유전자이다.

Hero.prototype.name = 'kim'
// 여기다가 쓰면 부모만 {name:'kim'}을 가지고, 자식은 이를 가져다가 쓴다.

nunu.name
// 출력시 nunu가 name을 가지고 있지 않기 때문에 컴퓨터가 nunu 부모 유전자를 뒤져 name을 찾아서 출력한다.

자식에게 상속하는 법은 위의 2가지가 있다. 요소를 자식이 직접 가지는지, 부모가 가진 것을 자식이 가져다가 쓰는지의 차이가 있다.

출처: 코딩애플