본문 바로가기
코딩일기/React-Native

[ES6 기초] 상속

by 욱파이어니어 2021. 5. 11.
728x90
반응형

상속도 자바와 거의유사하다.
소스를 통해서 보자.

class Person {
    constructor(name,gender){
        this.name = name;
        this.gender = gender;
    }
    greetings(val = '안녕'){
        console.log(val);
    }
}

let wook = new Person('이욱재','남자');
console.log(wook);
wook.greetings();

class Korean extends Person {
    constructor(name,gender, eyeColor, hairColor){
        super(name,gender);
        this.eyeColor = eyeColor;
        this.hairColor = hairColor;
    }
    greetings(val = '안녕 나는 한국인이얌'){
        console.log(val);
    }
}

let wook2 = new Korean('이욱재','남자','black','black');
console.log(wook2);
wook2.greetings();

결과
Person {name: '이욱재', gender: '남자'}
안녕
Korean {name: '이욱재', gender: '남자', eyeColor: 'black', hairColor: 'black'}
안녕 나는 한국인이얌

반응형

'코딩일기 > React-Native' 카테고리의 다른 글

[React 기초] Props란  (0) 2021.05.12
[React 기초] State 란?  (0) 2021.05.12
[ES6 기초] class 설명  (0) 2021.05.11
[ES6 기초] Arrow function  (0) 2021.05.11
[ES6 기초] spread operator  (0) 2021.05.10