자바스크립트 클래스

행행·2022년 6월 25일
0
post-thumbnail
class Person{
	name = 'Max'
	call = () => {...}
}
  • 메소드

    • 클래스에 정의한 함수
  • 프로퍼티

    • 클래스에 정의한 변수

const myPerson = new Person()
myPerson.call()
console.log(myPerson.name)
  • 생성자 사용

class Person extends Master
  • 다른 클래스에 있는 프로퍼티와 메소드를 상속하면 새로운 프로퍼티와 메소드를 추가한다는 뜻

  • 예시

class Human{
    constructor(){
        this.gender = 'male';
    }
    printGender(){
        console.log(this.gender)
    }
}


class Person extends Human{
	constructor(){
        super();
        this.name = 'Max';
        //this.gender = 'female' //female 출력
    }
    printMyName(){
        console.log(this.name);
    }
}
const person = new Person();
person.printMyName(); //Max
preson.printGender();// male // female

Classes, Properties & Methods

  • 위에 꺼는 구식
class Human{

        gender = 'male';

    printGender = () => {
        console.log(this.gender)
    }
}


class Person extends Human{


        name = 'Max';
        gender = 'female' //female 출력

    printMyName = () => {
        console.log(this.name);
    }
}
const person = new Person();
person.printMyName(); //Max
preson.printGender();// male // female
profile
성장하려고 분투 중인 개발자

0개의 댓글