클래스

javascript 프로토 타입으로 객체를 만드는 방식을 조금 더 쉽게 할 수 있도록 도와 주는 역할을 합니다. 동작 원리는 동일

//ex) use class to make 
class User{
	constructor(name){
    	this.name = name
    }
  
  	hello(){
    	console.log(`${this.name}, hello`);
    }
}

const me = new User("me");
me.hello();

//ex) change to function
function User(name){
	this.name = name;
}
User.prototype.hello = function(){
    console.log(`${this.name}, hello`);
}
const me = new User("me");
me.hello()

클래스 상속

class User{
	constructor(name){
    	this.name = name
    }
  
  	hello(){
    	console.log(`${this.name}, hello`);
    }
}


class Me extends User{
   
	constructor(name, age){
      	super(name); //User.call(this, name)
    	this.age = age;
    }
}
//Me.prototype = Object.create(User.prototype)
//Me.prototype.constructor = Me;

const me = new Me("me",20)

정리

• 자바스크립트의 타입 생성 방법을 다른 언어와 비슷하도록 보시 쉽게 개선한 것인 바로 자바스크립트 클래스 입니다.
• extends 연산자를 통행 상위 타입의 프로퍼티를 상속받는다.
• super 메소드를 통해 자식의 클래스의 생성자 함수가 부모 클래스의 생성자 함수를 덮어 씌우는것을 방지 할 수 있다.