클래스

자바스크립트는 다른 언어를 사용하던 사람들이 사용하기 쉽도록 여러가지 전통적인 객체 지향 문법을 채택한다.

그 중 하나가 클래스이다.

 

클래스를 생성할 때는 다른 객체 지향 언어와 거의 동일하게 하면 된다.

class Player {
    constructor(username, level, mora, pet) {
        this.username = username;
        this.level = level;
        this.mora = mora;
        this.pet = pet;
    }

    showUserInfo() {
        console.log(this.username + ': ' + this.level + '(level) ' + this.mora + '(mora) ' + this.pet + '(pet)')
    };
}

constructor는 생성자로서 반드시 이름을 동일하게 사용해야 한다.

임의의 이름으로 생성자를 만들 수 없다.

 

메소드는 .prototype을 사용해서 만들 수도 있다.

class Player {
    constructor(username, level, mora, pet) {
        this.username = username;
        this.level = level;
        this.mora = mora;
        this.pet = pet;
    }
}

Player.prototype.showUserInfo = function() {
    console.log(this.username + ': ' + this.level + '(level) ' + this.mora + '(mora) ' + this.pet + '(pet)')
}

var new_player = new Player(57, 1000000, 'paimon');
new_player.showUserInfo()

 

상속은 extends 키워드를 사용하면 된다.

class Player {
    constructor(username, level, mora, pet) {
        this.username = username;
        this.level = level;
        this.mora = mora;
        this.pet = pet;
    }

    showUserInfo() {
        console.log(this.username + ': ' + this.level + '(level) ' + this.mora + '(mora) ' + this.pet + '(pet)')
    };
}

class PlayerPlus extends Player {
    showUserPet() {
        console.log(this.pet)
    }
}

var new_player = new PlayerPlus('lumine', 57, 1000000, 'paimon');
new_player.showUserInfo()
new_player.showUserPet()

 

실행결과

---

부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/cs124

자바스크립트의 시작