[JS] Class, properties, methods

 

 

클래스는 객체를 위한 핵심 청사진과 같다고 비유할 수 있습니다!

class Person {
	name = 'YuJung'  // Property
	call = () => { ... }   // Method
}

class 키워드를 통해 정의하고 클래스 안에는 property(변수)과 method(함수)를 정의할 수 있어요

 

 

new 키워드로 클래스의 인스턴스를 생성합니다!

const myPerson = new Person()

myPerson.call()

console.log(myPerson.name)

 

 

클래스는 생성자 함수를 만드는 좀 더 편한 방법이고

클래스를 가지고 자바스크립트 객체를 생성하거나 상속을 할 수도 있어요

extends 키워드를 사용해서 상속합니다

class Person extends Human

다른 클래스를 상속한다고 하면

상속하는 클래스 안에 있는 property와 method를 자동으로 상속하게 되는데 잠재적으로 새로운 property와 method를 추가한다는 뜻입니다!

정리하면 상속한 클래스 안에 있는 모든 property와 method를 사용할 수 있다는 거에요

 

 

최종 코드 예시

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

class Person extends Human {
	constructor() {
    	super();
        this.name = 'YuJung';
        this.gender = 'female';
    }
    
    printMyName() {
    	console.log(this.name);
    }
}

const person = new Person();
person.printMyName();
person.printGender();