JavaScript/JavaScript Basic

Class / Class 상속

${Harvey} 2023. 3. 7. 22:09

Class ex)

const User = function(name,age){
	this.name = name;
   	this.age = age;
    this.showName = function(){
    	console.log(this.name);
    };
};

const mike = new User("Mike",30);

class User2 {
	constructor(name,age){
    	this.name = name;
        this.age = age;
	}
	showName(){
	console.log(this.name)
    }
}

const tom = new User2("Tom",19);

tom.showName();
mike.showName();

 

 

Class 상속 ex)

 

class Car{
	constructor(color){
    	this.color = color;
        this.wheel = 4;
        }
   	drive(){
       	console.log("drive...");
       	}
  	stop(){
    	console.log("STOP!");
        }
}

class Bmw extends Car{
	park(){
    	console.log("PARK");
    }
    stop(){ //동일한 메소드 명으로 정의하면 기존 메소드 내용을 덮어씌운다.
    	//super.stop(); ->부모의 메소드 내용에서 확장하고 싶을 때 사용한다(super).
        console.log("OFF");
        }
}

const z4 = new Bmw("blue");