[react] react를 위한 js ② - class 와 super 본문

Web/React

[react] react를 위한 js ② - class 와 super

미니모아 2020. 4. 12. 12:18
반응형
  1. class 구조

    class 클래스명 {
     constructor(arg){//이 안에 초기 클래스 설정 값을 쓸 수 있다.
         this.prototype = arg;
     }
    }
  2. class는 부모 class를 상속 받을 수 있다.
    class 클래스명 extends 부모 클래스

     class 클래스명 extends 부모클래스명 {
         constructor(arg,inp){
             super(inp)//부모의 인풋을 꼭 써줘야한다.
             this.prototype = arg;
         }
     }
  3. 예시 코드

    class Animal{
    constructor(leg){
      this,leg = leg
    }
    printAnimal(){
     console.log(this.name+"은 "+String(this.leg)+"개의 다리를 가진다.")
    }
    } 
    
    // Lion - > Animal 유용한 기능 가져다 쓰기  
    class Lion extends Animal{  
    constructor(name,leg){  
    super(leg) // 부모의 iput(contstructor의 인풋)  
    this.name = name  
    }  
    getName(){  
    console.log("내 이름은 " + this.name)  
    }  
    }
    
    myLion = new Lion("king")  
    myLion.getName()  
    myLion.printAnimal
    
반응형
Comments