자바스크립트-객체지향 개념의 클래스

//1. declare
class Person {
    //생성자
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    speak() {
        console.log(`${this.name}: hello!`);
    }
}
const chan = new Person('chan', 20);
chan.speak();

//2. Getter & Setter
class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    get age() {
        return this._age;
    }

    set age(value) {
        this._age = value < 0 ? 0 : value;
    }
}

const user1 = new User('chan', -1);
console.log(user1.age) // 0


// 3. Static
// 공통으로 사용하는 것

class Article {
    static publisher = 'chan';
    constructor(articleNumber) {
        this.articleNumber = articleNumber;
    }

    static printPublisher() {
        console.log(Article.publisher);
    }
}


const article1 = new Article(1);
//console.log(article1.publisher);
//article1.printPublisher();
// 원래는 위처럼 했는데 static을 정의해놓으면 오류가 생긴다.

console.log(Article.publisher);
Article.printPublisher();

//위처럼 해야한다.

Javascript

Frontend

댓글 쓰기

You may also enjoy

github pages에서 vue router 404 에러

April 03 2023

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...