[JavaScript] 인스턴스화 (Instantation)

 

 

class Player {
	constructor(name, type) {
    	console.log(this);	// Wizard{}
    	this.name = name;
        this.type = type;
    }
    introduce() {
    	console.log(`Hi I am ${this.name}, I'm a ${this.type}`);
    }
}

class Wizard extends Player {
	constructor(name, type) {
    	super(name, type);		// Player 의 constructor 실행
        console.log('wizard', this);	// Wizard {name:"Shelly", type:"Healer"}
    }
    play() {
    	console.log(`WEEEE I'm a ${this.type}`);
    }
}

const wizard1 = new Wizard('Shelly', 'Healer');
const wizard2 = new Wizard('Shawn', 'Dark Magic');

wizard1.play();			// WEEEE I'm a Healer
wizard1.introduce();	// Hi I am Shelly, I'm a Healer (부모객체의 메서드 접근)

 

 

자바에서 배웠던 추상화 개념을 자바스크립트에서도 쓸 수 있다니.

실무에서 어떻게 쓰일지 궁금하다.

나중에 실무나 응용 예시를 추가할 예정.